fuck-off hydration warning

lib/cookies.ts

 import type { Types } from 'typescript-cookie';
 import { Cookies } from 'typescript-cookie';
 
+import isBrowser from './isBrowser';
+
 export enum NAMES {
   NAV_BAR_COLLAPSED='nav_bar_collapsed'
 }
 
 export function get(name?: string | undefined | null) {
+  if (!isBrowser()) {
+    return () => {};
+  }
   return Cookies.get(name);
 }
 

ui/navigation/Navigation.tsx

@@ -37,11 +37,7 @@ const accountNavItems = [
 ];
 
 const Navigation = () => {
-  const [ isCollapsed, setCollapsedState ] = React.useState(false);
-
-  React.useEffect(() => {
-    setCollapsedState(cookies.get(cookies.NAMES.NAV_BAR_COLLAPSED) === 'true');
-  }, []);
+  const [ isCollapsed, setCollapsedState ] = React.useState(cookies.get(cookies.NAMES.NAV_BAR_COLLAPSED) === 'true');
 
   const handleTogglerClick = React.useCallback(() => {
     setCollapsedState((flag) => !flag);