Add useAnimated flag

Author: m-bert

packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx

@@ -9,14 +9,16 @@ import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the `onUpdate` callback. The event mapping of `Animated.event` depends on the `useNativeDriver` property.
 
+When using Animated API, remember to set `useAnimated` property to `true`.
+
 :::danger Mixing Reanimated and Animated
 It is not possible to mix `Reanimated` and `Animated` within any of the [gesture detectors](/docs/fundamentals/gesture-detectors).
 :::
 
 <CollapsibleCode 
 label="Show full example"
 expandedLabel="Hide full example"
-lineBounds={[8, 31]}
+lineBounds={[8, 33]}
 src={`
 import * as React from 'react';
 import { Animated, StyleSheet, useAnimatedValue } from 'react-native';
@@ -39,6 +41,8 @@ export default function App() {
   const gesture = usePanGesture({
     // highlight-next-line
     onUpdate: event,
+    // highlight-next-line
+    useAnimated: true,
   });
 
   return (

packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.md

@@ -87,7 +87,7 @@ If set to `true`, callbacks will be executed on JS runtime. Can be changed dynam
 **Requires `react-native-reanimated`**
 
 ```ts
-disableReanimated: boolean | SharedValue<boolean>;
+disableReanimated: boolean;
 ```
 
 If set to `true`, the gesture will ignore any interaction with `Reanimated`. This property cannot be changed during the gesture's lifecycle. For more details, see the [disableReanimated](/docs/fundamentals/reanimated-interactions#disablereanimated) section.
@@ -122,6 +122,14 @@ Adds a relation that makes other gestures wait with activation until this gestur
 
 **IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition).[`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
 
+### useAnimated
+
+```ts
+useAnimated: boolean;
+```
+
+Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
+
 ### activeCursor
 
 ```ts