refactor: fix lint problems

Author: araujogui

apps/site/hooks/react-client/useMediaQuery.ts

@@ -3,17 +3,22 @@
 import { useState, useEffect } from 'react';
 
 const useMediaQuery = (query: string) => {
-  const [matches, setMatches] = useState(false);
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === 'undefined') {
+      return false;
+    }
+
+    return window.matchMedia?.(query)?.matches ?? false;
+  });
 
   useEffect(() => {
-    const { matches, addEventListener, removeEventListener } =
-      window.matchMedia?.(query) ?? {
-        matches: false,
-        addEventListener: () => {},
-        removeEventListener: () => {},
-      };
-
-    setMatches(matches);
+    const { addEventListener, removeEventListener } = window.matchMedia?.(
+      query
+    ) ?? {
+      matches: false,
+      addEventListener: () => {},
+      removeEventListener: () => {},
+    };
 
     const handler = (event: MediaQueryListEvent) => setMatches(event.matches);
 

apps/site/providers/navigationStateProvider.tsx

@@ -16,6 +16,7 @@ export const NavigationStateProvider: FC<PropsWithChildren> = ({
   const navigationState = useRef<NavigationStateContextType>({});
 
   return (
+    // eslint-disable-next-line react-hooks/refs
     <NavigationStateContext.Provider value={navigationState.current}>
       {children}
     </NavigationStateContext.Provider>