Guard use of AccessibilityInfo API

Not all native platforms implement this part of React Native.

Author: necolas

packages/react-strict-dom/src/native/modules/usePrefersReducedMotion.js

@@ -11,29 +11,34 @@ import * as ReactNative from '../react-native';
 
 import { useEffect, useState } from 'react';
 
+const hasReducedMotionAPI =
+  ReactNative?.AccessibilityInfo?.isReduceMotionEnabled;
+
 export function usePrefersReducedMotion(): boolean {
   const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
 
   useEffect(() => {
-    // 1. Get the initial value of reduce motion
-    ReactNative.AccessibilityInfo.isReduceMotionEnabled().then(
-      (isReduceMotionEnabled) => {
-        setPrefersReducedMotion(isReduceMotionEnabled);
-      }
-    );
-
-    // 2. Subscribe to changes in reduce motion
-    const reduceMotionChangedSubscription =
-      ReactNative.AccessibilityInfo.addEventListener(
-        'reduceMotionChanged',
+    if (hasReducedMotionAPI) {
+      // 1. Get the initial value of reduce motion
+      ReactNative.AccessibilityInfo.isReduceMotionEnabled().then(
         (isReduceMotionEnabled) => {
           setPrefersReducedMotion(isReduceMotionEnabled);
         }
       );
 
-    return () => {
-      reduceMotionChangedSubscription.remove();
-    };
+      // 2. Subscribe to changes in reduce motion
+      const reduceMotionChangedSubscription =
+        ReactNative.AccessibilityInfo.addEventListener(
+          'reduceMotionChanged',
+          (isReduceMotionEnabled) => {
+            setPrefersReducedMotion(isReduceMotionEnabled);
+          }
+        );
+
+      return () => {
+        reduceMotionChangedSubscription.remove();
+      };
+    }
   }, []);
 
   return prefersReducedMotion;