diff --git a/packages/react-native-gesture-handler/src/v3/components/StatefulPressable.tsx b/packages/react-native-gesture-handler/src/v3/components/StatefulPressable.tsx index cc06618652..9d95512cb1 100644 --- a/packages/react-native-gesture-handler/src/v3/components/StatefulPressable.tsx +++ b/packages/react-native-gesture-handler/src/v3/components/StatefulPressable.tsx @@ -234,6 +234,24 @@ const StatefulPressable = (props: PressableProps) => { const hoverInTimeout = useRef(null); const hoverOutTimeout = useRef(null); + useEffect( + () => () => { + if (longPressTimeoutRef.current) { + clearTimeout(longPressTimeoutRef.current); + } + if (pressDelayTimeoutRef.current) { + clearTimeout(pressDelayTimeoutRef.current); + } + if (hoverInTimeout.current) { + clearTimeout(hoverInTimeout.current); + } + if (hoverOutTimeout.current) { + clearTimeout(hoverOutTimeout.current); + } + }, + [] + ); + const hoverGesture = useHoverGesture({ manualActivation: true, // Prevents Hover blocking Native gesture on web cancelsTouchesInView: false,