fix: support MatchMedia in Safari <= 13 (#154)

fix #152
roginfarrer · Jul 17, 2023 · 6bb5507 · 6bb5507
1 parent 3a84a2a
commit 6bb5507
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/react-collapsed/src/utils/usePrefersReducedMotion.ts b/packages/react-collapsed/src/utils/usePrefersReducedMotion.ts
@@ -14,9 +14,10 @@ export function usePrefersReducedMotion() {
       setPrefersReducedMotion(event.matches)
     }
 
-    mediaQueryList.addEventListener('change', listener)
+    // Fallback to addListener/removeListener for older browsers, #152
+    (mediaQueryList.addEventListener ?? mediaQueryList.addListener)('change', listener)
     return () => {
-      mediaQueryList.removeEventListener('change', listener)
+      (mediaQueryList.removeEventListener ?? mediaQueryList.removeListener)('change', listener)
     }
   }, [])
   return prefersReducedMotion