Merge pull request #255 from swfz/feature/fix-hydration-mismatch

fix: following hydration mismatch
swfz · Sep 26, 2022 · d010059 · d010059 · vercel · Sep 26, 2022
2 parents b8af0bf + 7a19920
commit d010059
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -4,11 +4,11 @@ import { useMedia } from 'react-use';
 import { ClockIcon, AdjustmentsIcon, GridIcon } from './icon';
 
 function Layout({ children }: { children: ReactNode }) {
-  const isWide = useMedia('(min-width: 640px)');
+  const isWide = useMedia('(min-width: 640px)', false);
   const [isOpen, setIsOpen] = useState(isWide);
 
   const togglOpen = (event: MouseEvent<SVGElement>) => {
-    setIsOpen(!isOpen);
+    setIsOpen((prev) => !prev);
   };
 
   return (