Merge pull request #31148 from backstage/rugvip/nomock

ui: fix matchMedia fallback
2025-09-15 13:11:13 +02:00
parent 21c2ed5f5b 0ffa4c7955
commit af3631b748
3 changed files with 11 additions and 1 deletions
@@ -22,7 +22,8 @@ type UseMediaQueryOptions = {
  initializeWithValue?: boolean;
 };

-const IS_SERVER = typeof window === 'undefined';
+const IS_SERVER =
+  typeof window === 'undefined' || typeof window.matchMedia === 'undefined';

 export function useMediaQuery(
  query: string,
@@ -51,6 +52,9 @@ export function useMediaQuery(
  }

  useIsomorphicLayoutEffect(() => {
+    if (IS_SERVER) {
+      return;
+    }
    const matchMedia = window.matchMedia(query);

    // Triggered at the first client-side load and if query changes