Match initial value to SSR

Shopify · Oct 24, 2024 · bc4714d · bc4714d
1 parent 8c57ef5
commit bc4714d
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx b/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx
@@ -13,16 +13,14 @@ interface Props {
 export const MediaQueryProvider = function MediaQueryProvider({
   children,
 }: Props) {
-  const [isNavigationCollapsed, setIsNavigationCollapsed] = useState(
-    navigationBarCollapsed().matches,
-  );
+  const [isNavigationCollapsed, setIsNavigationCollapsed] = useState(false);
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleResize = useCallback(
     debounce(
       () => {
-        if (isNavigationCollapsed !== navigationBarCollapsed().matches) {
-          setIsNavigationCollapsed(!isNavigationCollapsed);
+        const matches = navigationBarCollapsed().matches;
+        if (isNavigationCollapsed !== matches) {
+          setIsNavigationCollapsed(matches);
         }
       },
       40,