Upgrading 0.72.0-rc.5 with 3.2.0 causes runtime error with metro.

[gtokman]

Description

I'm experiencing an error after upgrading RN to 0.72.0-rc.5. I tried reseting the cache with yarn start --reset-cache too.

 ERROR  Error: [Reanimated] The native part of Reanimated doesn't seem to be initialized. This could be caused by
  - not rebuilding the app after installing or upgrading Reanimated
  - trying to run Reanimated on an unsupported platform
  - running in a brownfield app without manually initializing the native library, js engine: hermes
 LOG  Running "mobile" with {"rootTag":1,"initialProps":{}}
 ERROR  Invariant Violation: "mobile" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes

Steps to reproduce

1. Create a project with reanimated 3.2.0
2. Upgrade React Native to 0.72.0-rc.5
3. Run the app

Snack or a link to a repository

n/a

Reanimated version

3.2.0

React Native version

0.72.0-rc.5

Platforms

iOS

JavaScript runtime

None

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[thomasarogers]

Getting the same with react-native 0.71.8 - tried resetting metro cache, clearing node modules, clearing Pods dir and Podfile.lock, clearing derived data and clean build in xcode as well as a machine and phone restart with no luck

[tomekzaw]

Hey @gtokman, thanks for reporting this issue. We're actively working on it but adding support for upcoming releases is not that easy these days. Will keep you updated!

[firehand33]

I'm still getting this error on 0.72.0 with version 3.3.0....

[tomekzaw]

@firehand33 Did you rebuild the native part of the app after upgrading Reanimated?

[samir-anghan]

Hi, @tomekzaw Thanks for looking into and working on this.
I'm also getting the same error on the iOS run, Android works fine.

BUNDLE ./index.js

ERROR Error: [Reanimated] The native part of Reanimated doesn't seem to be initialized. This could be caused by

• not rebuilding the app after installing or upgrading Reanimated
• trying to run Reanimated on an unsupported platform
  ERROR Invariant Violation: "******" has not been registered. This can happen if:

• Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
• A module failed to load due to an error and AppRegistry.registerComponent wasn't called.

I have tried everything from the above conversation.
Also, I have tried many times re-building after cleaning the necessary folders. (rm -rf node_modules ; rm -rf ios/Pods ios/Podfile.lock ios/build)

iOS iPhone 14, iOS 16.4
"react-native": "^0.72.0"
"react-native-reanimated": "3.3.0"

Pods > Developement Pods > RNReanimated:

I have also tried using various combinations of previous react-native versions along with earlier versions of react-native-reanimated. Nothing worked.

Do you see anything here that is causing the error? Let me know if you need any other details of my react-native configuration. Thanks in advance.

[efstathiosntonas]

@samir-anghan maybe a long shot but can you add this in your android/app/build.gradle:

project.ext.reanimated = [
        buildFromSource: true
]

right under the

project.ext.react = [
…
]

Edit: just saw the issue is for iOS 🤦‍♂️

[samir-anghan]

@efstathiosntonas Thanks for the suggestion, tried it but did not work.

[efstathiosntonas]

@samir-anghan did you tried running metro bundler with —reset-cache trigger?

before doing so open terminal and run watchman watch-del-all

[samir-anghan]

@efstathiosntonas Yes, tried, but unfortunately, none of these helped - clearing metro cache, clearing node modules, clearing Pods folder and deleting Podfile.lock, clearing derived data and running the clean build in Xcode :(

Tried everything that I could think of. Any further suggestions are appreciated.

[tomekzaw]

Hey @samir-anghan, I've tried to reproduce the problem but it works for me. Here's what I did:

npx react-native@next init MyApp --version 0.72.0 --skip-install
cd MyApp
yarn add [email protected]
cd ios
pod install
cd ..
# overwrite App.tsx with https://raw.githubusercontent.com/software-mansion/react-native-reanimated/main/app/src/examples/BokehExample.tsx
# add `plugins: ['../plugin'],` in babel.config.js
open ios/MyApp.xcworkspace
# build the app in Xcode

I'm afraid this problem might be specific to your application.

[niranjan2210]

Hey @samir-anghan, I've tried to reproduce the problem but it works for me. Here's what I did:

npx react-native@next init MyApp --version 0.72.0 --skip-install
cd MyApp
yarn add [email protected]
cd ios
pod install
cd ..
# overwrite App.tsx with https://raw.githubusercontent.com/software-mansion/react-native-reanimated/main/app/src/examples/BokehExample.tsx
# add `plugins: ['../plugin'],` in babel.config.js
open ios/MyApp.xcworkspace
# build the app in Xcode

I'm afraid this problem might be specific to your application.

I am also having this error in my app. I upgraded to 2.2.4 to 3.3.0 and I am getting this error. Cant seem to find a fix.

[tapz]

I upgraded from 2.14.4 to 3.3.0 and am now seeing this error. How exactly should the native part be initialized? Should I call something in AppDelegate?

RN version is 0.72.0

[tomekzaw]

@tapz It should be installed automatically, at least it works this way in a fresh RN 0.72.0 app. Do you have some custom native code (like AppDelegate written in Swift) or something like this?

[artemis-prime]

This seems to be fixed with the combo of RN 0.72.x and RNR 3.4.x (So no need to mess with AppDelegate files)

NOTE: Remember to do pod install and also to start metro with --reset-cache to pick up the new version of the babel plugin

[rustyonrampage]

Still getting this issue for android (could be for IOS as well, havent checked cuz running windows).
"react": "18.2.0",
"react-native": "0.72.4",
"react-native-reanimated": "^3.5.4"

[kulbir22]

Still getting this issue for android (could be for IOS as well, havent checked cuz running windows). "react": "18.2.0", "react-native": "0.72.4", "react-native-reanimated": "^3.5.4"

I too have same configuration and same issue..

[tomekzaw]

Solution

1. Bump react-native-reanimated to 3.6.0
2. (iOS only) Reinstall pods: cd ios && pod install && cd ..
3. Rebuild your native app: yarn react-native run-ios