[v4] ReanimatedError: Tried to synchronously call a non-worklet function on the UI thread.

[beqramo]

Bug

Hi,
I swipe down the modal to close it and it throws this error.
I think call to the function is wrong

PR has been created:
#1367

Environment info

Library	Version
@gorhom/bottom-sheet	4.4.6
react-native	0.71
react-native-reanimated	~3.1.0
react-native-gesture-handler	~2.9.0

Steps To Reproduce

1.create bottom-sheet input in the bottom-sheet modal
2. try to swipe down to close the modal
3. lib will crash on keyboard close

Describe what you expected to happen:

1. it shouldn't crash on close

Reproducible sample code

const Modal = () =>{
 const ref = useRef(null);
  const sheetRef = useRef(null);



 const renderBackdrop = useCallback(
    (props) => (
      <BottomSheetBackdrop
        {...props}
        disappearsOnIndex={0}
        appearsOnIndex={1}
      />
    ),
    [],
  );
  
return  (
  <BottomSheet
      ref={sheetRef}
      snapPoints={[250]}
      backdropComponent={renderBackdrop}
    >
      <View>
         <BottomSheetTextInput 
           placeholder={'Enter Amount'}
            keyboardType={'decimal-pad'}
            value={value}
            ref={ref}
         />
      </View>
    </BottomSheet>
   )
}

[starnizar]

have same issue
there is path of that hook in warning /node_modules/@garhom/bottom-sheet/src/hooks/useGestureEventHandlersDefault.tsx
hope will be useful

link to image with error

[beqramo]

@starnizar you can use the pr code changes above that I created.

[akanoce]

The same happens to me on 4.4.6 + reanimated 2.14.4
Rolling back to 4.4.5 fixes the issue

[sawariz0r]

Also came across this on 4.4.6, reverting to 4.4.5 instead gave me `Trying to access property "dismiss" of an object which cannot be sent to the UI runtime."

Will post updates if I find the root of the cause

[Ricka7x]

Also ran into the same problem but it works as expected after upgrading to 4.4.7

[90dy]

Thanks @Ricka7x