extracted host gesture detector

Author: akwasniewski

packages/react-native-gesture-handler/src/v3/HostGestureDetector.tsx

@@ -0,0 +1,3 @@
+import RNGestureHandlerDetectorNativeComponent from '../specs/RNGestureHandlerDetectorNativeComponent';
+const HostGestureDetector = RNGestureHandlerDetectorNativeComponent;
+export default HostGestureDetector;

packages/react-native-gesture-handler/src/v3/HostGestureDetector.web.tsx

@@ -0,0 +1,3 @@
+import GestureHandlerDetector from '../web/GestureHandlerDetector';
+const HostGestureDetector = GestureHandlerDetector;
+export default HostGestureDetector;

packages/react-native-gesture-handler/src/v3/NativeDetector.tsx

@@ -3,28 +3,26 @@ import { NativeGesture } from './hooks/useGesture';
 import { Reanimated } from '../handlers/gestures/reanimatedWrapper';
 
 import { Animated, StyleSheet } from 'react-native';
-import RNGestureHandlerDetectorNativeComponent from '../specs/RNGestureHandlerDetectorNativeComponent';
+import HostGestureDetector from './HostGestureDetector';
 import { tagMessage } from '../utils';
 
 export interface NativeDetectorProps {
   children?: React.ReactNode;
   gesture: NativeGesture;
 }
 
-const AnimatedNativeDetector = Animated.createAnimatedComponent(
-  RNGestureHandlerDetectorNativeComponent
-);
+const AnimatedNativeDetector =
+  Animated.createAnimatedComponent(HostGestureDetector);
 
-const ReanimatedNativeDetector = Reanimated?.default.createAnimatedComponent(
-  RNGestureHandlerDetectorNativeComponent
-);
+const ReanimatedNativeDetector =
+  Reanimated?.default.createAnimatedComponent(HostGestureDetector);
 
 export function NativeDetector({ gesture, children }: NativeDetectorProps) {
   const NativeDetectorComponent = gesture.dispatchesAnimatedEvents
     ? AnimatedNativeDetector
     : gesture.shouldUseReanimated
       ? ReanimatedNativeDetector
-      : RNGestureHandlerDetectorNativeComponent;
+      : HostGestureDetector;
 
   // It might happen only with ReanimatedNativeDetector
   if (!NativeDetectorComponent) {