What's the right way to use RunOnJS?

Description

I’ve looked at both the PR that added a note on RunOnJS (p.s. this doesn’t appear in the docs) and I’ve looked at the example found here. However I still get the redbox that says Tried to synchronously call function {bound dispatchAction} from a different thread....

What I’m trying to achieve, is to update local state once the animation completes.

Code

export function someAnimation(callback?: (isCancelled: boolean) => void) {
  'worklet';
  return withSequence(
    withTiming(1, {duration: 300, easing: Easing.linear}),
    withDelay(100, withTiming(2, {duration: 500, easing: Easing.linear}, callback)),
  );
}

// Inside a functional component 
const [value, setValue] = React.useState(false);

// Trigger it here on first render
React.useEffect(() => {
    shared.value = someAnimation(runOnJS(() => setValue(true)));
  }, []);

I’ve tried multiple variants (based on the two links above) to no avail. i.e.

// And then I just tried doing random stuff in hopes it works
function setTheValue() { //including const declaration
  'worklet'; // and without 'worklet'
  setValue(true);
}
// Also
shared.value = someAnimation(runOnJS(() => { 'worklet'; setValue(true)}));

Package versions

• React: 16.13.1
• React Native:0.63.3
• React Native Reanimated: 2.0.0-alpha.8 & 2.0.0-alpha.9 (tried both)

[Andarius]

The following works

function updateShare(){
  setValue(true)
}
function callback(isCancelled: boolean){
  'worklet'
  runOnJS(updateShare)()
}

React.useEffect(() => {
    shared.value = someAnimation(callback)
}, [])

[dhirajanand014]

@Andarius this does work, thanks. A bit convoluted.

I simplified it to the following, which still seemed to work

function callback(isCancelled: boolean){
  'worklet'
  runOnJS(setValue)(true);
}

React.useEffect(() => {
    shared.value = someAnimation(callback)
}, [])

even further simplified to

React.useEffect(() => {
    shared.value = someAnimation(() => { 
      'worklet';
      runOnJS(setValue)(true)
    });
}, [])

I’ll need to do some further digging to understand when and where to use worklet.

Once again, thanks for the help!

This doesn’t work either!