Adding a worklet keyword won't fix "tried to synchronously call function" error.

[maxmandia]

Not sure why adding worklet won't fix this issue. Pasting my code below:

  const [containerUp, setContainerUp] = useState(false);
  const [bottomSheetSmall, setBottomSheetSmall] = useState(false);
  const [commentID, setCommentID] = useState();
  const translateY = useSharedValue(0);
  const context = useSharedValue({y: 0});

  const scrollTo = useCallback(destination => {
    'worklet';
    translateY.value = withSpring(destination, {damping: 50});
  }, []);

  const gesture = Gesture.Pan()
    .onStart(() => {
      context.value = {y: translateY.value};
    })
    .onUpdate(event => {
      translateY.value = event.translationY + context.value.y;
      translateY.value = Math.max(translateY.value, -269);
    })
    .onEnd(() => {
      if (!containerUp) {
        if (translateY.value <= -50) {
          scrollTo(-269);
          setContainerUp(true);
        } else {
          scrollTo(0);
        }
        setBottomSheetSmall(true);
      } else {
        if (translateY.value >= -240) {
          scrollTo(0);
          setContainerUp(false);
        } else {
          scrollTo(0);
        }
        setBottomSheetSmall(false);
      }
    });

  const rBottomSheetStyle = useAnimatedStyle(() => {
    return {
      transform: [{translateY: translateY.value}],
    };
  });

[maxmandia]

runonjs was the fix here for all the state updates