fix(react/portal): fix portal error when in SSR mode

Mezzanine-UI · Dec 7, 2023 · dddfa3a · dddfa3a
1 parent 85b1778
commit dddfa3a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react/src/Portal/Portal.tsx b/packages/react/src/Portal/Portal.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-useless-fragment */
 import {
   FC,
   ReactNode,
@@ -34,7 +35,7 @@ const Portal: FC<PortalProps> = (props) => {
   const [portalElement, setPortalElement] = useState(() => (
     disablePortal
       ? null
-      : getElement(container) || document.body
+      : getElement(container)
   ));
 
   useEffect(() => {
@@ -43,6 +44,9 @@ const Portal: FC<PortalProps> = (props) => {
     }
   }, [container, disablePortal]);
 
+  /** This element is fully client side, so `return null` on server side */
+  if (typeof window === 'undefined') return null;
+
   if (disablePortal || !portalElement) {
     return <>{children}</>;
   }