AnimatePresent not unmounts component when using 'worklet'

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

Component remains in tree and not umounted after exit.

Expected Behavior

Component should be unmounted after exit

Steps To Reproduce

1. Use exit prop with worklet

Versions

- Moti: 0.18.0
- Reanimated: 2.8.0
- React Native: 0.68.2
- Expo: 45.0.4

Screenshots

No response

Reproduction

function MyComponent() {
  const forward = true

  return (
    <AnimatePresence custom={forward} initial={false}>
      <MotiView
        key={index}
        style={[StyleSheet.absoluteFill, styles.content]}
        from={forward ? ANIMATE_RT : ANIMATE_LT_STACK}
        animate={{ translateX: 0 }}
        // exit={{ opacity: 0 }} // <- with this component unmounts
        exit={(custom) => {
          'worklet'
          // With 'worklet' exit components still exist in tree and proceed weird animations
          return custom ? ANIMATE_LT_STACK : ANIMATE_RT
        }}
        transition={TRANSITION}
      >
        {arr[index]}
      </MotiView>
    </AnimatePresence>
  )
}

const ANIMATE_RT = {
  translateX: WIDTH,
  zIndex: 10,
}
const ANIMATE_LT_STACK = { translateX: -WIDTH, zIndex: 5 }
const ANIMATE_LT = { translateX: -WIDTH }
const TRANSITION: TransitionConfig = {
  type: 'timing',
  duration: 2000,
  easing: Easing.out(Easing.cubic),
}

const styles = StyleSheet.create({
  content: {
    overflow: 'hidden',
  },
})

[nandorojo]

nvm, i did it here https://github.com/nandorojo/moti/commit/6226c3e76f47077d2f634fe6355076471989dc85

[nandorojo]

chances are, there’s some other reason. is it an expensive component? AnimatePresence should only be used for simple animations usually, not for deeply-nested components