useMediaQuery: make it safe for SSR environments without window (#27542)

WordPress · Dec 8, 2020 · c66baaf · c66baaf
1 parent 04b34c6
commit c66baaf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/compose/src/hooks/use-media-query/index.js b/packages/compose/src/hooks/use-media-query/index.js
@@ -11,7 +11,12 @@ import { useState, useEffect } from '@wordpress/element';
  */
 export default function useMediaQuery( query ) {
 	const [ match, setMatch ] = useState(
-		query && window.matchMedia( query ).matches
+		() =>
+			!! (
+				query &&
+				typeof window !== 'undefined' &&
+				window.matchMedia( query ).matches
+			)
 	);
 
 	useEffect( () => {