Keep intercepting gesture detector value stable

Author: j-piasecki

packages/react-native-gesture-handler/src/v3/detectors/VirtualDetector/InterceptingGestureDetector.tsx

@@ -5,7 +5,7 @@ import {
   GestureHandlerEvent,
   DetectorCallbacks,
 } from '../../types';
-import { DetectorContext } from './useDetectorContext';
+import { DetectorContext, DetectorContextValue } from './useDetectorContext';
 import { Reanimated } from '../../../handlers/gestures/reanimatedWrapper';
 import { configureRelations, ensureNativeDetectorComponent } from '../utils';
 import { isComposedGesture } from '../../hooks/utils/relationUtils';
@@ -64,6 +64,14 @@ export function InterceptingGestureDetector<THandlerData, TConfig>({
     setVirtualChildren((prev) => prev.filter((c) => c.viewTag !== childTag));
   }, []);
 
+  const contextValue: DetectorContextValue = useMemo(
+    () => ({
+      register,
+      unregister,
+    }),
+    [register, unregister]
+  );
+
   // It might happen only with ReanimatedNativeDetector
   if (!NativeDetectorComponent) {
     throw new Error(
@@ -145,7 +153,7 @@ export function InterceptingGestureDetector<THandlerData, TConfig>({
   }
 
   return (
-    <DetectorContext value={{ register, unregister }}>
+    <DetectorContext value={contextValue}>
       <NativeDetectorComponent
         // @ts-ignore This is a type mismatch between RNGH types and RN Codegen types
         onGestureHandlerStateChange={handleGestureEvent(

packages/react-native-gesture-handler/src/v3/detectors/VirtualDetector/useDetectorContext.ts

@@ -1,12 +1,12 @@
 import { createContext, use } from 'react';
 import { VirtualChild } from '../../types';
 
-type DetectorContextType = {
+export type DetectorContextValue = {
   register: (child: VirtualChild) => void;
   unregister: (child: number) => void;
 };
 
-export const DetectorContext = createContext<DetectorContextType | null>(null);
+export const DetectorContext = createContext<DetectorContextValue | null>(null);
 
 export function useDetectorContext() {
   const ctx = use(DetectorContext);