useAnimatedGestureHandler and <GestureDetector> ?

[JS-GitRepo]

The React Native Gesture Handler docs advise against the pattern listed in the Reanimated docs here, suggesting the use of "GestureDetector" instead of "TapGestureHandler". The issue is that the required prop for GestureDetector, "gesture={}" does not accept useAnimatedGestureHandler() as an input. useAnimatedGestureHandler()'s type is infered as "OnGestureEvent-PanGestureHandlerGestureEvent-". In summary, is this hook now deprecated?

The docs are very lacking when it comes to using GestureDetector with Reanimated. Any insight here? Thank you for your time.

[iway1]

Yeah we really, really need better docs on the new Gesture API. IDK if there are even complete docs for it.

The new api is something like this:

  const gesture = useMemo(() => {
    return Gesture.Pan().onUpdate(event=>{/* do something */})
  }, []);
  
  return (
    <GestureDetector gesture={gesture} />
  )

The new API is way nicer to use. The hooks aren't necessary anymore

[JS-GitRepo]

Appreciate the reply! I was originally confused as to how to chain animations using this method, but they're actually really intuitive and easy to chain. Here's a codeblock that chains a few different actions within a gesture (not suggesting any of this is best practice btw, I'm fairly new to RN lol):

        return {
			longPress: Gesture.LongPress()
				.onTouchesDown(() => {
					if (mediaNumber === 1 && m1Touch) {
						touchDownFunctionality();
						runOnJS(setM2Touch)(false);
					} else if (mediaNumber === 2 && m2Touch) {
						touchDownFunctionality();
						runOnJS(setM1Touch)(false);
					}
				})
				.onTouchesUp(() => {
					if (mediaNumber === 1 && m1Touch) {
						touchUpFunctionality();
						runOnJS(setM1Touch)(false);
						runOnJS(setM2Touch)(false);
						runOnJS(() => setTimeout(() => console.log("TEST"), 1000));
					} else if (mediaNumber === 2 && m2Touch) {
						touchUpFunctionality();
						runOnJS(setM1Touch)(false);
						runOnJS(setM2Touch)(false);
						// runOnJS(setTimeout)(() => console.log("TEST"), 1000);
						runOnJS(callGenerateMatchup)();
					}
				})
				.onTouchesCancelled(() => {
					if (!m1Touch && !m2Touch) {
					} else {
						touchCancelledFunctionality();
						runOnJS(setM1Touch)(true);
						runOnJS(setM2Touch)(true);
					}
				}),
		};