diff --git a/packages/react-collapsed/src/utils/usePrefersReducedMotion.ts b/packages/react-collapsed/src/utils/usePrefersReducedMotion.ts index 20c4771..e92f465 100644 --- 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