Animation withCallback, Value is undefined, expected an Object

Description

I need to have a callBack after the animation ends But when I add withCallback, I have error modal Value is undefined, expected an Object

const animationEnd = SlideOutRight.withCallback((finished: boolean) => {
// other code
});

{!shouldAnimate && (
   <Animated.View entering={SlideInLeft} exiting={animationEnd}>
      <View />
    </Animated.View>
)}

Expected behavior

a callBack after animation ends

Actual behavior & steps to reproduce

After state changes, animation starts and then error modal if withCallback was selected

Package versions

name	version
react-native	0.64.3
react-native-reanimated	~2.3.1
NodeJS	v14.18.0
expo	44

Affected platforms

• Android
• iOS
• Web

[fristyr]

Oh, it was because I wasn’t enough attentive… So instead of the solution above, I did next

const animationEnd = SlideOutRight.withCallback((finished: boolean) => {
    'worklet';
    if (finished) { 
       // Wrong
       runOnJs(myCallback() <- //here was my problem  )() 
       // Correct
       runOnJs(myCallback)() 
    }
});

[jquartz]

@fristyr I had this issue and solved it by declaring the callback function as a worklet then running my JS code with the runOnJS function

const animationEnd = SlideOutRight.withCallback((finished: boolean) => {
    'worklet';
    if (finished) { 
       runOnJs(myCallback)() 
    }
});