Feat: and cancel method to useAnimationState() and useDynamicAnimation()

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

packages/moti/src/core/types.ts

@@ -14,7 +14,6 @@ import type {
   ImageStyle,
   TextStyle,
   ViewStyle,
-
 } from 'react-native'
 import type {
   SharedValue,
@@ -462,6 +461,7 @@ export type UseAnimationState<V> = {
    * ```
    */
   transitionTo: (key: keyof V | ((currentState: keyof V) => keyof V)) => void
+  cancel: () => void
 }
 
 export type UseAnimationStateConfig<
@@ -545,6 +545,8 @@ export type UseDynamicAnimationState<Animate = FallbackAnimateProp> = {
       | DynamicStyleProp<Animate>
       | ((currentState: DynamicStyleProp<Animate>) => DynamicStyleProp<Animate>)
   ) => void
+
+  cancel: () => void
 }
 
 export type ExcludeFunctionKeys<T> = {

packages/moti/src/core/use-animator/index.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react'
-import { useSharedValue } from 'react-native-reanimated'
+import { cancelAnimation, useSharedValue } from 'react-native-reanimated'
 import { PackageName } from '../constants'
 import type {
   InternalControllerState,
@@ -176,6 +176,9 @@ export default function useAnimationState<V extends Variants<V>>(
       get current(): keyof V {
         return selectedVariant.current
       },
+      cancel() {
+        cancelAnimation(__state)
+      },
     }
   }
 

packages/moti/src/core/use-dynamic-animation/index.ts

@@ -3,7 +3,7 @@ import type {
   ExcludeFunctionKeys,
   UseDynamicAnimationState,
 } from '../types'
-import { useSharedValue } from 'react-native-reanimated'
+import { useSharedValue, cancelAnimation } from 'react-native-reanimated'
 import { useRef } from 'react'
 import { ViewStyle, TextStyle, ImageStyle } from 'react-native'
 
@@ -69,6 +69,9 @@ export default function useDynamicAnimation<
 
         __state.value = nextStyle
       },
+      cancel() {
+        cancelAnimation(__state)
+      },
     }
   }