fix: non-reactive bug above react 18 strict mode (#294)

* fix: non-reactive bug above react 18 strict mode * fix: remove 'ev' optional chaining
yocontra · May 9, 2022 · 795942d · 795942d
1 parent 30dcc05
commit 795942d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/useMediaQuery.ts b/src/useMediaQuery.ts
@@ -86,11 +86,11 @@ const useMatches = (mediaQuery: MediaQueryList): boolean => {
   const [ matches, setMatches ] = React.useState<boolean>(mediaQuery.matches)
 
   React.useEffect(() => {
-    const updateMatches = () => {
-      setMatches(mediaQuery.matches)
+    const updateMatches = (ev: MediaQueryListEvent) => {
+      setMatches(ev.matches)
     }
     mediaQuery.addListener(updateMatches)
-    updateMatches()
+    setMatches(mediaQuery.matches)
 
     return () => {
       mediaQuery.removeListener(updateMatches)