[IOS] reloading App crashes in Xcode

Description

running on XCode 14.1

 const currState = useSharedValue<State>(State.UNDETERMINED);
const tapGesture = Gesture.Tap()
    .withTestId(`${testID}-tap`)
    .maxDistance(1)
    .onTouchesDown(() => {
      currState.value = State.BEGAN;
    })
    .onTouchesUp(() => {
      if (onPress) runOnJS(onPress)();
    })
    .onTouchesCancelled(() => {
      currState.value = State.UNDETERMINED;
    })
    .onEnd(() => {
      currState.value = State.UNDETERMINED;
    });

onRunJS is causing the issue can fully replicate it

on reload of the ios simulator xcode crashes

Steps to reproduce

run Gesture function that access to shareValue variables reload app crash

Snack or a link to a repository

https://snack.expo.dev/JHArrUvUm

Gesture Handler version

2.8.0

React Native version

0.70.5

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

No response

Build type

Debug mode

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

[j-piasecki]

It’s possible that this problem was fixed on the side of Reanimated with the recent rewrite of shareable values. You can try using Reanimated 3.0.0-rc.8 to see if it resolves the problem.

[davidpett]

I found the issue is with the new Gesture api and using runOnJS. a workaround is to use the old gesture api:

const onTapGesture = useAnimatedGestureHandler(
  {
    onTouchesDown: () => {
      currState.value = State.BEGAN;
    },
    onTouchesUp: () => {
      if (onPress) {
        runOnJS(onPress)();
      }
    },
    onTouchesCancelled: () => {
      currState.value = State.UNDETERMINED;
    },
    onEnd: () => {
      currState.value = State.UNDETERMINED;
    },
  },
  [onPress] 
);
//...
<TapGestureHandler onGestureEvent={onTapGesture} testID={`${testID}-tap`} maxDistance={1}>