diff --git a/packages/utils/src/usePortal.tsx b/packages/utils/src/usePortal.tsx
index bb966781..f53eca79 100644
--- a/packages/utils/src/usePortal.tsx
+++ b/packages/utils/src/usePortal.tsx
@@ -5,6 +5,7 @@ export const usePortal = () => {
   const [container] = useState<HTMLDivElement>(() => document.createElement('div'));
   const Portal = useCallback(
     function Portal({ children }: PropsWithChildren) {
+      if (!children) return null;
       return createPortal(children, container);
     },
     [container],