react-native-reanimated: [Reanimated] Couldn't determine the version of the native part of Reanimated. - Expo SDK 50

Description

It seems that there’s an issue with react-native-reanimated in Expo SDK 50 (50.0.2). Whenever I start Expo with expo start, there’s a warning:

 WARN  [Reanimated] Couldn't determine the version of the native part of Reanimated.
    See `https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#couldnt-determine-the-version-of-the-native-part-of-reanimated` for more details.
    at ContextNavigator (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:152328:24)
    at ExpoRoot (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:152284:28)
    at App
    at ErrorToastContainer (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:189104:24)
    at ErrorOverlay
    at withDevTools(ErrorOverlay) (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:188638:27)
    at RCTView
    at View (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:40740:43)
    at RCTView
    at View (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:40740:43)
    at AppContainer (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:40551:36)
    at main(RootComponent) (http://192.168.1.45:8081/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app:124397:28)

Steps to reproduce

1. Create new Expo project with npx create-expo-app --template
2. Select Navigation (TypeScript) template
3. cd into project
4. Delete package-lock.json and node_modules
5. yarn install
6. Install React Native Reanimated - npx expo install react-native-reanimated
7. Add 'react-native-reanimated/plugin' to babel.config.js
8. Add the following JSX to components/EditScreenInfo.tsx:

import Animated from 'react-native-reanimated';

<Animated.View
      style={{
        width: 100,
        height: 100,
        backgroundColor: 'violet',
      }}
    />

1. Run the app with yarn start

Snack or a link to a repository

https://github.com/alan-hadyk/reanimated-expo-bug

Reanimated version

3.6.0

React Native version

0.73.2

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo Go

Architecture

Paper (Old Architecture)

Build type

Debug app & dev bundle

Device

iOS simulator

Device model

iPhone 15 Pro (iOS 17.2)

Acknowledgements

Yes