fix: cannot add new property 'reduceMotion'

src/components/bottomSheet/BottomSheet.tsx

@@ -22,6 +22,7 @@ import Animated, {
   useWorkletCallback,
   type WithSpringConfig,
   type WithTimingConfig,
+  ReduceMotion,
 } from 'react-native-reanimated';
 // import BottomSheetDebugView from '../bottomSheetDebugView';
 import {
@@ -94,8 +95,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
     //#region extract props
     const {
       // animations configurations
-      animationConfigs: _providedAnimationConfigs,
-
+      animationConfigs,
       // configurations
       index: _providedIndex = 0,
       snapPoints: _providedSnapPoints,
@@ -179,6 +179,18 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
     }
     //#endregion
 
+    //#region animations configurations
+    const _providedAnimationConfigs = useMemo(() => {
+      if (!animationConfigs) {
+        return undefined;
+      }
+
+      animationConfigs.reduceMotion = ReduceMotion.Never;
+
+      return animationConfigs;
+    }, [animationConfigs]);
+    //#endregion
+
     //#region layout variables
     /**
      * This variable is consider an internal variable,
@@ -709,6 +721,10 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
          */
         runOnJS(handleOnAnimate)(animatedNextPositionIndex.value);
 
+        if (configs !== undefined) {
+          configs.reduceMotion = ReduceMotion.Never;
+        }
+
         /**
          * start animation
          */

src/constants.ts

@@ -1,6 +1,6 @@
 import { Dimensions, Platform } from 'react-native';
 import type Animated from 'react-native-reanimated';
-import { Easing } from 'react-native-reanimated';
+import { Easing, ReduceMotion } from 'react-native-reanimated';
 
 const { height: WINDOW_HEIGHT, width: WINDOW_WIDTH } = Dimensions.get('window');
 const { height: SCREEN_HEIGHT, width: SCREEN_WIDTH } = Dimensions.get('screen');
@@ -78,11 +78,13 @@ const ANIMATION_CONFIGS_IOS = {
   overshootClamping: true,
   restDisplacementThreshold: 10,
   restSpeedThreshold: 10,
+  reduceMotion: ReduceMotion.Never,
 };
 
 const ANIMATION_CONFIGS_ANDROID = {
   duration: ANIMATION_DURATION,
   easing: ANIMATION_EASING,
+  reduceMotion: ReduceMotion.Never,
 };
 
 const ANIMATION_CONFIGS =

src/utilities/animate.ts

@@ -1,6 +1,5 @@
 import {
   type AnimationCallback,
-  ReduceMotion,
   type WithSpringConfig,
   type WithTimingConfig,
   withSpring,
@@ -27,11 +26,6 @@ export const animate = ({
     configs = ANIMATION_CONFIGS;
   }
 
-  // Users might have an accessibility setting to reduce motion turned on.
-  // This prevents the animation from running when presenting the sheet, which results in
-  // the bottom sheet not even appearing so we need to override it to ensure the animation runs.
-  configs.reduceMotion = ReduceMotion.Never;
-
   // detect animation type
   const type =
     'duration' in configs || 'easing' in configs