chore: Tolerate matchMedia returning null (#4028)

jperals · jperals · commit 4af1cfb738e2 · 2025-11-18T12:12:18.000+01:00
diff --git a/src/internal/hooks/use-mobile/index.ts b/src/internal/hooks/use-mobile/index.ts
@@ -26,7 +26,8 @@ function getIsMobile() {
      * wouldn't know which one of them to use).
      * Instead, we use the media query here in JS too.
      */
-    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;
+    /* istanbul ignore next: matchMedia is not available in jsdom. */
+    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`)?.matches;
   }
 
   return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,8 @@ function getIsMobile() {`
`26`	`26`	`* wouldn't know which one of them to use).`
`27`	`27`	`* Instead, we use the media query here in JS too.`
`28`	`28`	`*/`
`29`		- return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;
	`29`	`+ /* istanbul ignore next: matchMedia is not available in jsdom. */`
	`30`	+ return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`)?.matches;
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';`