Attempt to load Banner on client side only

centrifuge · Sep 19, 2023 · 24a28cc · 24a28cc
1 parent 5d20486
commit 24a28cc
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
@@ -7,6 +7,15 @@ type BannerProps = {
 }
 
 export function Banner({ children }: BannerProps) {
+  const [hasMounted, setHasMounted] = React.useState(false)
+
+  React.useEffect(() => {
+    setHasMounted(true)
+  }, [])
+
+  if (!hasMounted) {
+    return null
+  }
   return (
     <Box
       as="div"