useBreakpointIndex: attach resize event listener to window inst…

…ead of `document`
WordPress · Aug 5, 2021 · 7115b6d · 7115b6d
1 parent 9e2fc57
commit 7115b6d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/components/src/ui/utils/use-responsive-value.ts b/packages/components/src/ui/utils/use-responsive-value.ts
@@ -40,14 +40,14 @@ export const useBreakpointIndex = (
 
 		onResize();
 
-		if ( typeof document !== 'undefined' ) {
+		if ( typeof window !== 'undefined' ) {
 			// Disable reason: We don't really care about what document we listen to, we just want to know that we're resizing.
 			/* eslint-disable @wordpress/no-global-event-listener */
-			document.addEventListener( 'resize', onResize );
+			window.addEventListener( 'resize', onResize );
 		}
 		return () => {
-			if ( typeof document !== 'undefined' ) {
-				document.removeEventListener( 'resize', onResize );
+			if ( typeof window !== 'undefined' ) {
+				window.removeEventListener( 'resize', onResize );
 				/* eslint-enable @wordpress/no-global-event-listener */
 			}
 		};