Expo SDK 44: AnimatePresence + MotiView crash

Hi,

a simple

        <AnimatePresence exitBeforeEnter>
          {cameraPosition === 'back' && (
            <MotiView
              key="torch"
              from={{
                opacity: 0,
                scale: 0.9
              }}
              animate={{
                opacity: 1,
                scale: 1
              }}
              exit={{
                opacity: 0,
                scale: 0.9
              }}
            >
              <PressableOpacity
                style={styles.button}
                onPress={onFlashPressed}
                disabledOpacity={0.4}
              >
                <Ionicons
                  name={flash === 'on' ? 'flash' : 'flash-off'}
                  color="white"
                  size={24}
                />
              </PressableOpacity>
            </MotiView>
          )}
        </AnimatePresence>

crashed the app for me. Had to boot XCode in order to get the message:

2021-12-22 10:20:23.980439+0100 development[5573:1639062] [native] Tried to synchronously call anonymous function from a different thread.

Occurred in worklet location: /Users/hirbod/.../node_modules/react-native-reanimated/lib/reanimated2/hook/useAnimatedStyle.js (332:24)

Possible solutions are:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS

[EvanBacon]

Exotic will skip the moti package name in Metro the same way Webpack auto skips moti. Learn how to fix here.

const { createExoticTransformer } = require('@expo/metro-config/transformer');

module.exports = createExoticTransformer({
  transpileModules: ['moti'],
});

[cybercris]

Nice @EvanBacon. Thanks