fix(useMedia): handle query param changes immediately

kripod · kripod · commit ccedf58726b8 · 2019-10-25T22:39:09.000+02:00
diff --git a/packages/web-api-hooks/src/useMedia.ts b/packages/web-api-hooks/src/useMedia.ts
@@ -26,6 +26,9 @@ export default function useMedia(query: string): boolean {
       setMatches(mediaQueryList.matches);
     }
 
+    // Handle `query` param changes immediately
+    handleChange();
+
     // TODO: Refactor to `managedEventListener` when `change` event is supported
     mediaQueryList.addListener(handleChange);
     return () => {

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,9 @@ export default function useMedia(query: string): boolean {`
`26`	`26`	`setMatches(mediaQueryList.matches);`
`27`	`27`	`}`
`28`	`28`
	`29`	+ // Handle `query` param changes immediately
	`30`	`+ handleChange();`
	`31`	`+`
`29`	`32`	// TODO: Refactor to `managedEventListener` when `change` event is supported
`30`	`33`	`mediaQueryList.addListener(handleChange);`
`31`	`34`	`return () => {`