refactor: improve prefersReducedMotion function

pheralb · Jul 23, 2024 · 2bc42f2 · 2bc42f2
1 parent 16dd6de
commit 2bc42f2
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/library/src/utils/index.ts b/library/src/utils/index.ts
@@ -9,9 +9,15 @@ export const generateRandomId = () => Math.floor(Math.random() * 1000000);
 export const prefersReducedMotion = (() => {
   let shouldReduceMotion: boolean | undefined = undefined;
   return () => {
-    if (shouldReduceMotion === undefined && typeof window !== 'undefined') {
-      const mediaQuery = matchMedia('(prefers-reduced-motion: reduce)');
-      shouldReduceMotion = !mediaQuery || mediaQuery.matches;
+    if (shouldReduceMotion === undefined) {
+      if (typeof window !== 'undefined' && window.matchMedia !== undefined) {
+        const mediaQuery = window.matchMedia(
+          '(prefers-reduced-motion: reduce)',
+        );
+        shouldReduceMotion = mediaQuery.matches;
+      } else {
+        shouldReduceMotion = false;
+      }
     }
     return shouldReduceMotion;
   };