PanHandler expect onGestureHandler to be a function

Description

I’m using <PanGestureHandler /> from react-native-gesture-handler@1.9.0, and useAnimatedGestureHandler from react-native-reanimated@2.0.0-rc.0… the hook returns an object, and according to the docs I should just take what the hook returns and add it to the <PanGestureHander onGestureEvent={gestureHandler} /> … but I’m getting the following error

ERROR    Error: Expected `onGestureHandlerEvent` listener to be a function, instead got a value of `object` type.

Code

export const AuctionDetails: React.FC<Props> = ({ route }) => {
  const { auction } = route.params;
  // ...

  const onGestureEvent = useAnimatedGestureHandler({
    onStart: () => {
      isGestureActive.value = true;
    },
    onActive: ({ translationX, translationY }) => {
      translateX.value = translationX;
      translateY.value = translationY;
    },
    onEnd: ({ velocityX, velocityY }) => {
      if (snapPoint(translateY.value, velocityY, [0, height]) === height) {
        navigation.goBack();
      } else {
        translateX.value = withSpring(0, { velocity: velocityX });
        translateY.value = withSpring(0, { velocity: velocityY });
      }
      isGestureActive.value = false;
    },
  });
  // ...

return (
    <PanGestureHandler onGestureEvent={onGestureEvent}>
      <Animated.View style={containerStyle}>
        <SharedElement id={auction.id} style={{ flex: 1 }}>
          <Animated.View
            style={[
              {
                ...StyleSheet.absoluteFillObject,
                width: undefined,
                height: undefined,
              },
              imageStyle,
            ]}
          >
            <Image
              source={auction.source}
              style={StyleSheet.absoluteFillObject}
            />
          </Animated.View>
        </SharedElement>
      </Animated.View>
    </PanGestureHandler>
  );
};

Package versions

• React: 16.13.1
• React Native: expo sdk 40
• React Native Reanimated: 2.0.0-rc.0
• React Native Gesture Handler: 1.9.0

[chungweileong94]

@Essam-Harrous @StampixSMO If none of the clean & rebuild works, make sure you have Animated.View as the direct child to the <PanGestureHandler />. That was the mistake I had few days ago.

[alphonse92]

@chungweileong94 TY! Works like a charm!