fix(utils): useMediaQuery uses addEventListener/removeEventListener

addListener and removeListener have been deprecated
mlaursen · Jul 26, 2021 · b889a9e · b889a9e
1 parent 58f614b
commit b889a9e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/utils/src/sizing/useMediaQuery.ts b/packages/utils/src/sizing/useMediaQuery.ts
@@ -45,13 +45,15 @@ export function useMediaQuery(
     const updater = ({ matches }: MediaQueryListEvent): void =>
       setMatches(matches);
 
-    mq.addListener(updater);
+    mq.addEventListener("change", updater);
 
     if (mq.matches !== matches) {
       setMatches(mq.matches);
     }
 
-    return () => mq.removeListener(updater);
+    return () => {
+      mq.removeEventListener("change", updater);
+    };
   }, [disabled, matches, query]);
 
   return matches;