fix(web): MobileAppBanner hydration error fix suggestion (#17671)

* fix: init * fix: more fix --------- Co-authored-by: Jón Levy <[email protected]>
island-is · Jan 30, 2025 · 2221053 · 2221053
1 parent d46501c
commit 2221053
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/apps/web/components/MobileAppBanner/MobileAppBanner.tsx b/apps/web/components/MobileAppBanner/MobileAppBanner.tsx
@@ -56,14 +56,13 @@ export const MobileAppBanner = ({ namespace }: MobileAppBannerProps) => {
     setIsMounted(true)
   }, [])
 
-  return hidden ? null : (
-    <Hidden print={true}>
+  return (
+    <Hidden screen={hidden || !isMounted} print={true}>
       <Box
         background="blue400"
         display="flex"
         className={style.container}
         alignItems={'center'}
-        style={{ visibility: isMounted ? 'visible' : 'hidden' }}
       >
         <button
           className={style.closeBtn}