fix web!!!!

Author: Andrzej Antoni Kwaśniewski

packages/react-native-gesture-handler/src/v3/components/Pressable/utils.ts

@@ -1,8 +1,8 @@
-import { Insets } from 'react-native';
+import { Insets, Platform } from 'react-native';
 import {
-  FullPressableDimensions,
   InnerPressableEvent,
   PressableEvent,
+  FullPressableDimensions,
 } from './PressableProps';
 import {
   GestureTouchEvent,
@@ -62,12 +62,17 @@ const isTouchWithinInset = (
   inset: Insets,
   touch?: InnerPressableEvent
 ) =>
-  (touch?.locationX ?? 0) <
-    (inset.right ?? 0) + dimensions.width + dimensions.x &&
-  (touch?.locationY ?? 0) <
-    (inset.bottom ?? 0) + dimensions.height + dimensions.y &&
-  (touch?.locationX ?? 0) > -(inset.left ?? 0) + dimensions.x &&
-  (touch?.locationY ?? 0) > -(inset.top ?? 0) + dimensions.y;
+  Platform.OS === 'ios'
+    ? (touch?.locationX ?? 0) <
+        (inset.right ?? 0) + dimensions.width + dimensions.x &&
+      (touch?.locationY ?? 0) <
+        (inset.bottom ?? 0) + dimensions.height + dimensions.y &&
+      (touch?.locationX ?? 0) > -(inset.left ?? 0) + dimensions.x &&
+      (touch?.locationY ?? 0) > -(inset.top ?? 0) + dimensions.y
+    : (touch?.locationX ?? 0) < (inset.right ?? 0) + dimensions.width &&
+      (touch?.locationY ?? 0) < (inset.bottom ?? 0) + dimensions.height &&
+      (touch?.locationX ?? 0) > -(inset.left ?? 0) &&
+      (touch?.locationY ?? 0) > -(inset.top ?? 0);
 
 const gestureToPressableEvent = (
   event: HoverGestureEvent | LongPressGestureEvent

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

@@ -1,4 +1,4 @@
-import React, { Ref, RefObject, useEffect, useRef } from 'react';
+import React, { Ref, RefObject, useEffect, useMemo, useRef } from 'react';
 import RNGestureHandlerModule from '../../RNGestureHandlerModule.web';
 import { ActionType } from '../../ActionType';
 import { PropsRef } from '../../web/interfaces';
@@ -27,6 +27,8 @@ const EMPTY_HANDLERS = new Set<number>();
 const HostGestureDetector = (props: GestureHandlerDetectorProps) => {
   const { handlerTags, children } = props;
 
+  const handlerTagsSet = useMemo(() => new Set(handlerTags), [...handlerTags]);
+
   const viewRef = useRef<Element>(null);
   const propsRef = useRef<GestureHandlerDetectorProps>(props);
   const attachedHandlers = useRef<Set<number>>(new Set<number>());
@@ -110,25 +112,31 @@ const HostGestureDetector = (props: GestureHandlerDetectorProps) => {
         tagMessage('Detector expected to have exactly one child element')
       );
     }
+  }, [children]);
 
-    const currentHandlerTags = new Set(handlerTags);
-    detachHandlers(currentHandlerTags, attachedHandlers.current);
+  useEffect(() => {
+    if (React.Children.count(children) !== 1) {
+      throw new Error(
+        tagMessage('Detector expected to have exactly one child element')
+      );
+    }
+
+    detachHandlers(handlerTagsSet, attachedHandlers.current);
 
     attachHandlers(
       viewRef,
       propsRef,
-      currentHandlerTags,
+      handlerTagsSet,
       attachedHandlers.current,
       ActionType.NATIVE_DETECTOR
     );
-
     return () => {
       detachHandlers(EMPTY_HANDLERS, attachedHandlers.current);
       attachedVirtualHandlers?.current.forEach((childHandlerTags) => {
         detachHandlers(EMPTY_HANDLERS, childHandlerTags);
       });
     };
-  }, [handlerTags, children]);
+  }, [handlerTagsSet, viewRef]);
 
   useEffect(() => {
     const virtualChildrenToDetach: Set<number> = new Set(