React-native-gesture-handler: Using Animated.event with TapGestureHandler onHandlerStateChange doesn't work

[rclai]

This is usage with react-native-reanimated.

I get this error:

Expected `onGestureHandlerStateChange` listener to be a function, instead got a value of `object` type.

Example:

const tapState = new Animated.Value(0);
const tapStateEvent = Animated.event([{ nativeEvent: { state: tapState } }]);
// ...
<TapGestureHandler onHandlerStateChange={tapStateEvent}>{...}</TapGestureHandler>

[mnmaraes]

I'll plus one here. Getting the same thing on PinchGestureHandler

[mnmaraes]

For future reference I was able to solve my problem by having the GestureHandler's immediate child changed to a reanimated Animated.View

[mym0404]

Thank you !

[Fr33maan]

@mnmaraes time saver !

[kotavy]

In the event that using Animated.View does not fix this issue, double-check your imports. I was mistakenly importing Animated from react-native instead of react-native-reanimated.