react-native: Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). When Upgrading To React Native v0.70

I succeed to avoid this error. In my case, it was due to the react-native-gesture-handler that changed.

Previously we needed to import it at the top of the root file, now we must do that in App.js instead

import { GestureHandlerRootView } from 'react-native-gesture-handler';
/* ... */
// Wrap your app with the new GestureHandler
<GestureHandlerRootView style={{ flex: 1 }}>
  /* your app */
</GestureHandlerRootView>

Hope it will help

• The approach of the react native team in releasing the new updates is wrong. Their duty is just to release a working react native package. The react native on its own without the thousands of other packages is useless.
• The real cause of errors also in the recent releases is not clear.
• By suggestion of someone after many hours of searching, I ran: npm start --reset-cache
• two packages (react-native-vector-icons AND react-native-navigations) are showing the error: invalid configuration: “dependency.assets” is not allowed,“dependency.hooks” is not allowed.
• At the moment, react-native-navigations is not supporting the New Architecture.
• These packages are very popular and the core of applications for so many developers. The react native team should be in contact with the maintainers of these packages or at least warn the developers before upgrading by a message like: By updating the React Native to x.x.x version, These packages are not supported.

Now after wasting so much time, I have to downgrade to 0.68

i have the same issue

I succeed to avoid this error. In my case, it was due to the react-native-gesture-handler that changed.

Previously we needed to import it at the top of the root file, now we must do that in App.js instead

import { GestureHandlerRootView } from 'react-native-gesture-handler';
/* ... */
// Wrap your app with the new GestureHandler
<GestureHandlerRootView style={{ flex: 1 }}>
  /* your app */
</GestureHandlerRootView>

Hope it will help

Not worked for me.

i have the same issue too

In my case it was ViewPropTypes from react-native-camera, I’ve applied this patch:

diff --git a/node_modules/react-native-camera/src/RNCamera.js b/node_modules/react-native-camera/src/RNCamera.js
index b7a271a..bf729e6 100644
--- a/node_modules/react-native-camera/src/RNCamera.js
+++ b/node_modules/react-native-camera/src/RNCamera.js
@@ -1,11 +1,11 @@
 // @flow
 import React from 'react';
 import PropTypes from 'prop-types';
+import {ViewPropTypes} from 'deprecated-react-native-prop-types';
 import {
   findNodeHandle,
   Platform,
   NativeModules,
-  ViewPropTypes,
   requireNativeComponent,
   View,
   ActivityIndicator,

and the error went away, note that I hade to manually install: yarn add deprecated-react-native-prop-types.

The error you have above is incomplete, you’re missing this important part:

TypeError: undefined is not an object (evaluating '_reactnative.Text.propTypes.style')

my colleague @lirazhad was able to fix it by applying this patch package on react-native 0.70.0 itself! don’t forget to add this dependency into your package.json. “deprecated-react-native-prop-types”: “^2.3.0”,

diff --git a/node_modules/react-native/index.js b/node_modules/react-native/index.js
index d59ba34..8023167 100644
--- a/node_modules/react-native/index.js
+++ b/node_modules/react-native/index.js
@@ -435,32 +435,16 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ColorPropType
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").EdgeInsetsPropType
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").PointPropType
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ViewPropTypes
   },
 };

source: 
https://github.com/facebook/react-native/issues/33734#issuecomment-1206494929

still seeing this. did meta lay off the entire react-native QA team?

I was upgrade react-native from 0.67.3 to 0.70.3.

In my case problem was with: ColorPropType, EdgeInsetsPropType, PointPropType, ViewPropTypes.

My steps to resolve this issue:

1. yarn add patch-package
2. add script to the scripts at the package.json "postinstall": patch-package"
3. yarn add deprecated-react-native-prop-type
4. Go to node_modules/react-native/Libraries/InitializeCore.js
5. In 47 line (after require('../LogBox/LogBox').install(); } add: require('../ReactNative/AppRegistry');
6. npx patch-package react-native
7. Now should be visible errors related with ColorPropType, EdgeInsetsPropType, PointPropType, ViewPropTypes
8. To resolve it change all deprecated imports for example import { EdgeInsetsPropType } from 'react-native' on import { EdgeInsetsPropType } from 'deprecated-react-native-prop-types';
9. npx patch-package LIBRARY_NAME

I have the same issue

package.json deps

“dependencies”: { “@react-native-async-storage/async-storage”: “^1.17.10”, “@react-native-community/blur”: “^4.2.0”, “@react-native-community/push-notification-ios”: “^1.10.1”, “@react-native-community/slider”: “^3.0.3”, “@react-native-firebase/analytics”: “^15.6.0”, “@react-native-firebase/app”: “^15.6.0”, “@react-native-firebase/crashlytics”: “^15.6.0”, “@react-native-firebase/messaging”: “^15.6.0”, “@react-native-firebase/remote-config”: “^15.6.0”, “@react-native-masked-view/masked-view”: “^0.2.7”, “@react-native-picker/picker”: “^2.3.0”, “@react-navigation/drawer”: “^6.5.0”, “@react-navigation/native”: “^6.0.8”, “@react-navigation/native-stack”: “^6.9.0”, “@react-navigation/stack”: “^6.2.0”, “axios”: “^0.21.2”, “crypto-js”: “^3.3.0”, “date-fns”: “^2.29.2”, “deprecated-react-native-prop-types”: “^2.3.0”, “lottie-react-native”: “^5.0.1”, “polished”: “^4.1.1”, “react”: “18.1.0”, “react-native”: “0.70.1”, “react-native-appsflyer”: “^6.5.21”, “react-native-background-fetch”: “^4.0.5”, “react-native-camera”: “^3.40.0”, “react-native-check-version”: “^1.0.16”, “react-native-code-push”: “^7.0.5”, “react-native-collapsible”: “^1.6.0”, “react-native-config”: “^1.4.2”, “react-native-currency-input”: “^1.0.1”, “react-native-date-picker”: “^4.1.1”, “react-native-device-info”: “^10.0.2”, “react-native-dialog”: “^9.1.2”, “react-native-document-picker”: “^7.1.0”, “react-native-fast-image”: “^8.5.11”, “react-native-flash-message”: “^0.1.23”, “react-native-format-currency”: “^0.0.3”, “react-native-fs”: “^2.18.0”, “react-native-gesture-handler”: “^2.6.0”, “react-native-google-mobile-ads”: “^5.0.0”, “react-native-image-picker”: “^4.7.3”, “react-native-in-app-review”: “^3.2.2”, “react-native-iphone-x-helper”: “^1.3.1”, “react-native-linear-gradient”: “^2.6.2”, “react-native-localization”: “^2.1.7”, “react-native-localize”: “^2.1.1”, “react-native-paper”: “^4.9.2”, “react-native-permissions”: “^3.0.5”, “react-native-phone-number-input”: “^2.1.0”, “react-native-picker-select”: “^8.0.4”, “react-native-purchases”: “^5.0.2”, “react-native-push-notification”: “^8.1.0”, “react-native-qrcode-scanner”: “^1.5.1”, “react-native-reanimated”: “^2.10.0”, “react-native-safe-area-context”: “^4.3.1”, “react-native-screens”: “^3.14.1”, “react-native-share”: “^7.2.0”, “react-native-splash-screen”: “^3.2.0”, “react-native-uuid-generator”: “^6.1.1”, “react-native-vector-icons”: “^8.1.0”, “react-native-zip-archive”: “^6.0.3”, “react-number-format”: “^4.4.1”, “realm”: “^11.0.0-rc.2”, “styled-components”: “^5.3.1”, “xlsx”: “^0.17.0”, “yup”: “^0.32.9” }, “devDependencies”: { “@babel/core”: “^7.15.0”, “@babel/preset-typescript”: “^7.16.7”, “@babel/runtime”: “^7.15.3”, “@react-native-community/eslint-config”: “^3.0.0”, “@rnx-kit/dep-check”: “^1.13.0”, “@types/crypto-js”: “^3.1.47”, “@types/jest”: “^27.4.1”, “@types/react-native”: “^0.64.2”, “@types/react-native-push-notification”: “^5.0.5”, “@types/react-native-share”: “^3.3.0”, “@types/react-native-uuid-generator”: “^4.0.0”, “@types/react-native-vector-icons”: “^6.4.5”, “@types/react-test-renderer”: “^17.0.1”, “@types/styled-components-react-native”: “^5.1.1”, “@typescript-eslint/eslint-plugin”: “^3.9.1”, “@typescript-eslint/parser”: “^3.9.1”, “babel-eslint”: “^10.1.0”, “babel-jest”: “^26.6.3”, “babel-plugin-module-resolver”: “^4.1.0”, “eslint”: “^7.32.0”, “eslint-config-airbnb”: “^18.2.0”, “eslint-config-prettier”: “^6.11.0”, “eslint-import-resolver-typescript”: “^2.2.1”, “eslint-plugin-import”: “^2.20.1”, “eslint-plugin-jsx-a11y”: “^6.2.3”, “eslint-plugin-prettier”: “^3.1.4”, “eslint-plugin-react”: “^7.19.0”, “eslint-plugin-react-hooks”: “^2.5.0”, “jest”: “^26.6.3”, “jetifier”: “^1.6.6”, “metro-react-native-babel-preset”: “^0.72.1”, “patch-package”: “^6.2.2”, “prettier”: “^2.0.5”, “react-native-typescript-transformer”: “^1.2.13”, “react-test-renderer”: “18.1.0”, “ts-jest”: “^27.1.4”, “typescript”: “^4.4.3” },

axios 1.1.3 is the problem, downgrade to 0.27.2

Any update on the same ? react-native-bot

FYI: react-native 0.71 reintroduces PropTypes to give the developers more time to upgrade: https://reactnative.dev/blog/2023/01/12/version-071#restoring-proptypes

my colleague was able to fix it by applying this patch package on react-native 0.70.0 itself! don’t forget to add this dependency into your package.json. “deprecated-react-native-prop-types”: “^2.3.0”,

diff --git a/node_modules/react-native/index.js b/node_modules/react-native/index.js
index d59ba34..8023167 100644
--- a/node_modules/react-native/index.js
+++ b/node_modules/react-native/index.js
@@ -435,32 +435,16 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ColorPropType
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").EdgeInsetsPropType
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").PointPropType
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ViewPropTypes
   },
 };

source: 
https://github.com/facebook/react-native/issues/33734#issuecomment-1206494929

I tried. Same issue !

jayscottthomas wow I don’t know, anyway why i did is not viable, React strongly do not recommend a such patch-package.

It’s also not recommend to use patch-package on the React Native file because this will only mask the issue. https://github.com/facebook/react-native/issues/33734#issuecomment-1242387033

What I smell is that there is no choice, each of use MUST identify which 3rd party uses the forbidden type, and try to update it, or to fix it by opening a PR in the 3rd repo itself. [the pb is that search in my node_modules, and no trace of a such deprecated type!] React are clear, they do not intend to fix this ! https://github.com/facebook/react-native/issues/33734#issuecomment-1242387033

@yogeshBright

Adding the following line in the file:: node_modules/react-native/Libraries/Core/InitializeCore.js It helped me a lot to debug the errors

In my case there were dependencies that used ViewProps that were deprecated, I solved updating the dependencies

...
require('../ReactNative/AppRegistry');
...

any update on the issues?

Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:17 in reportException at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:39 in handleError at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in <anonymous> at node_modules/@react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError

Having same issue although upgraded to sdk 47.0.0 but still issue occurred.

@heroshinn it’s not up to the meta devs, it’s up to the library maintainers to catch up, there were many changes introduced in 0.70 so everyone need to be patient here and not rush to upgrade to 0.70.

The best thing to do in general is to stay 2 major versions behind from the latest one and keep an eye on the repos of the packages you’re using for compatibility updates.

Even major libraries like react-native-screens had a 0.70 compat update just yesterday, long time after 0.70 came out.

ps. rn is still on 0.xx, just saying, breaking changes are expected on every major update.

The near impossibility of debugging this issue when it occurs really must be addressed.

Error messages are okay. This error message is not okay. It’s the second time in 3 months I’m wasting half a day or more because of this message. The only viable troubleshooting strategy is cutting apart your app until it runs and then putting it back together. Am I wrong? And I still have no solution.

@mdvacca @sammy-SC I am begging you to find some way to improve the developer experience here.

Additionally this message sometimes appears in the console, and other times only in the device logs (which means you can’t see them without Flipper.) Every time this occurs the application must be fully restarted to constitute a valid test of whether this is going to occur after some code changes - merely refreshing is not enough. The amount of time and energy this takes… I feel like there must be a better way…

The only soltuion that has worked for me is

1. npm i deprecated-react-native-prop-types

2. inside node_modules/react-native/index.js

replace these functions with the below lines

// Deprecated Prop Types get ColorPropType(): $FlowFixMe { console.warn(‘’); return require(‘deprecated-react-native-prop-types’).ColorPropType; }, get EdgeInsetsPropType(): $FlowFixMe { console.warn(‘’); return require(‘deprecated-react-native-prop-types’).EdgeInsetsPropType; }, get PointPropType(): $FlowFixMe { console.warn(‘’); return require(‘deprecated-react-native-prop-types’).PointPropType; }, get ViewPropTypes(): $FlowFixMe { console.warn(‘’); return require(‘deprecated-react-native-prop-types’).ViewPropTypes; },

Same issue here

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

In our case we are upgrading from 0.65.1to 0.70.1after xcode update. Stripe seemed to break the xcode build.

What has worked well in the past when the builds break, is that we start with a 0.70.1 hello world application and then slowly integrate our existing app in by bringing in the various modules and wrapping the h/w app inside them etc etc

What we noticed in this occasion that when we updated index.js to the current app code then we got this error. By process of elimination by commenting out all references till we got the h/w app back again and then bringing back each reference one by one till it broke.

In this case it looks like @aws-amplify/pushnotification package is the current culprit so we are now looking at upgrading that package etc etc to see if we can resolve and then likely move onto the next one.

Become a developer they said… It will be fun they said…

what version should i try ?? i tried everything same issue

do not use/upgraded to latest version for the while. patching isn’t good

For those wondering what is the quickfix (not recommended) it is: npx patch-package react-native

You’re welcome 😄

updating to expo sdk 47.0.9 fixed the issue.

I think I just found a solution. Apparently the react-native team prepared a commit here that hasn’t been merged yet: https://github.com/facebook/react-native/commit/b966d297245a4c1e2c744cfe571396cfa7e5ffd3

From this, I created a patch for 0.70.6 which will resolve also the _reactnative.Text.propTypes.style error.

1. yarn add react-native@0.70.6 deprecated-react-native-prop-types@3.0.1
2. Create a patch for this either with yarn patch or patch-package with the following contents:

diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
index 8fa117192fa0327143480f7f01e5c00c80ffa814..d45daa4fce194ae771062c7e9f429015c131e4a9 100644
--- a/Libraries/Components/TextInput/TextInput.js
+++ b/Libraries/Components/TextInput/TextInput.js
@@ -1349,6 +1349,15 @@ const ExportedForwardRef: React.AbstractComponent<
   );
 });
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+ExportedForwardRef.propTypes =
+  require('deprecated-react-native-prop-types').TextInputPropTypes;
+
+
+
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
diff --git a/Libraries/Image/Image.android.js b/Libraries/Image/Image.android.js
index eac8a56c63eba7b62fa74550836ebfba0738627f..af0e9990ba9a6c9debcd1bc1c79abeae7684d1cd 100644
--- a/Libraries/Image/Image.android.js
+++ b/Libraries/Image/Image.android.js
@@ -308,6 +308,12 @@ Image.queryCache = queryCache;
  * comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
+
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/Libraries/Image/Image.ios.js b/Libraries/Image/Image.ios.js
index 7b5d0c0c43372c9b1f93cd8199ad7a06787077c3..cd24d32abc03d00536468201a5d50dbacbdf6711 100644
--- a/Libraries/Image/Image.ios.js
+++ b/Libraries/Image/Image.ios.js
@@ -235,6 +235,12 @@ Image.queryCache = queryCache;
  * delete this comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
+
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
index 57b6a2ea82ca2813ed98e54cf5b1c38f1feb91b1..0ec5656e5c6c189eb887b0bf46b71b26199c9b16 100644
--- a/Libraries/Text/Text.js
+++ b/Libraries/Text/Text.js
@@ -209,6 +209,12 @@ const Text: React.AbstractComponent<
 
 Text.displayName = 'Text';
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Text.propTypes = require('deprecated-react-native-prop-types').TextPropTypes;
+
 /**
  * Returns false until the first time `newValue` is true, after which this will
  * always return true. This is necessary to lazily initialize `Pressability` so
diff --git a/index.js b/index.js
index d59ba3454e9cabed1231554418b5b288c2461a0b..0569440d3ecb9bc49b616dafb86a65b6a3475f52 100644
--- a/index.js
+++ b/index.js
@@ -435,32 +435,44 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'ColorPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using ColorPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').ColorPropType;
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'EdgeInsetsPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using EdgeInsetsPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'PointPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using PointPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').PointPropType;
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'ViewPropTypes will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using ViewPropTypes, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').ViewPropTypes;
   },
 };
 

Hope this will help you, good luck!

Yup, same here:

 ERROR  TypeError: Cannot read property 'initialPreferences' of null, js engine: hermes
 ERROR  Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
 ERROR  Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

same problem here…

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

Same error with a slight change after upgrading to 0.70.6. It says Cannot read property 'style' of undefined

ERROR  TypeError: Cannot read property 'style' of undefined, js engine: hermes

ERROR  Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

       A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
       
ERROR  Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

       A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

"dependencies": { "@expo/vector-icons": "^13.0.0", "@react-native-async-storage/async-storage": "~1.17.3", "@react-native-firebase/analytics": "^16.4.3", "@react-native-firebase/app": "~15.4.0", "@react-native-picker/picker": "2.4.8", "@react-navigation/bottom-tabs": "^6.3.1", "@react-navigation/native": "^6.0.10", "@react-navigation/native-stack": "^6.6.2", "@sentry/react-native": "4.2.2", "@sideway/address": "^4.1.0", "axios": "^0.27.2", "base-64": "^1.0.0", "core-js": "^3.8.3", "dayjs": "^1.11.2", "expo": "^47.0.0", "expo-app-loading": "~2.1.1", "expo-apple-authentication": "~5.0.1", "expo-application": "~5.0.1", "expo-asset": "~8.6.2", "expo-auth-session": "^3.7.2", "expo-build-properties": "~0.4.0", "expo-clipboard": "~4.0.1", "expo-constants": "~14.0.2", "expo-dev-client": "~2.0.0", "expo-device": "~5.0.0", "expo-firebase-core": "~6.0.0", "expo-font": "~11.0.1", "expo-image-picker": "~14.0.1", "expo-linear-gradient": "~12.0.1", "expo-linking": "~3.2.3", "expo-notifications": "~0.17.0", "expo-random": "^13.0.0", "expo-status-bar": "^1.4.2", "expo-web-browser": "~12.0.0", "fbemitter": "^3.0.0", "fbjs": "^3.0.0", "fbjs-scripts": "^3.0.0", "firebase": "^9.9.2", "flow": "^0.2.3", "global": "^4.4.0", "isomorphic-fetch": "^3.0.0", "joi": "^17.3.0", "libphonenumber-js": "^1.10.13", "lodash": "^4.17.15", "mobx": "^6.5.0", "mobx-react": "^7.3.0", "moment": "^2.29.3", "node-fetch": "^2.6.1", "react": "18.1.0", "react-addons-shallow-compare": "^15.6.3", "react-dom": "18.1.0", "react-hook-form": "^7.34.0", "react-native": "0.70.5", "react-native-classnames": "^0.1.1", "react-native-cli": "^2.0.1", "react-native-gifted-chat": "^0.16.3", "react-native-picker-select": "^8.0.4", "react-native-reanimated": "^2.12.0", "react-native-safe-area-context": "4.4.1", "react-native-screens": "~3.18.0", "react-native-snap-carousel": "^3.9.1", "react-native-tab-view": "^2.16.0", "react-native-vector-icons": "^7.1.0", "sentry-expo": "~5.0.0" }, "devDependencies": { "@babel/core": "7.12.9", "@babel/plugin-proposal-class-properties": "^7.17.12", "@babel/preset-flow": "^7.9.0", "@types/react": "~18.0.24", "@types/react-native": "~0.70.6", "babel-preset-expo": "~9.2.1", "create-react-class": "^15.7.0", "flow-bin": "^0.123.0", "jest-expo": "^47.0.0", "prettier": "^2.7.1", "typescript": "^4.6.3" },

After expo sdk 47 update:

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

I’m having the same issue here

Hi, I was on 0.27.2, I upgraded to 1.1.3 (sorry for the typo in previous post) , without changing my code, I had the bug, I decreased back to 0.27.2, all was ok back after a yarn start --reset-cache . Do you want more infos, tests , code ?

I´ve just tried to upgrade from 0.68.2 to 0.70.3 without success!

my colleague was able to fix it by applying this patch package on react-native 0.70.0 itself! don’t forget to add this dependency into your package.json. “deprecated-react-native-prop-types”: “^2.3.0”,

diff --git a/node_modules/react-native/index.js b/node_modules/react-native/index.js
index d59ba34..8023167 100644
--- a/node_modules/react-native/index.js
+++ b/node_modules/react-native/index.js
@@ -435,32 +435,16 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ColorPropType
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").EdgeInsetsPropType
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").PointPropType
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require("deprecated-react-native-prop-types").ViewPropTypes
   },
 };

source: 
https://github.com/facebook/react-native/issues/33734#issuecomment-1206494929

I tried. Same issue !

This worked on my end, in case if you have firebase Downgrade firebase into 14.1.0 "@react-native-firebase/app": "14.1.0"

I hope this helps.

In my case, the problem appeared to be related to RN 0.70.6 and react-native-reanimated 2.14.1 The problem is solved in react-native-reanimated 2.14.2

v2.14.1 needs libhermes-executor-debug.so in release build

You saved me @27leaves Thank you! 🥹

after upgrade 0.70.6 my apps still encounter TypeError: Cannot read property 'style' of undefine so what you did to fixed that?

UPDATE: i can confirm that 0.70.6 not include the patch, so we have to add it by ourselves.

but still this error still occur Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable

they won’t fix this, because this is not their issue. It’s on the 3rd party modules you use that should fix this, maybe you can just revert back to 0.68. It still works with the propTypes deprecation warning

If they brought the breaking changes which affected many third-party libraries, they should do something about it.

I updated my project from 0.64 to 0.70.6 because it was complaining about us using the old version of React Native and it took me some time to update it. I don’t want to reverse all that work.

same issue this is anonnyinggg oh jesus help us

hi, same pb : for me it was Axios : good in v0.27.2, and thoses messages when I jumped to 11.3 ! @jasonsaayman

having same issue after upgrading version from 0.67.3 to 0.70.3. any update on this ??

@jyotiprakash111 I tried upgrading now, but did not work too.

thanks now it working after moving to react native 0.68 version

what version should i try ?? i tried everything same issue

Is there any way to make it so this error is more descriptive?

I’m now seeing:

TypeError: Cannot convert undefined value to object, js engine: hermes

but I don’t know which undefined value to look for

In my project any firebase import cause this problem. Without firebase no errors ><

UPDATED: Im forgot initialize FB in .mm file, so after upgrade firebase and reinit, error gone, but another lib now cause error 😃

Hi, did anyone manage to solve this, I’m still getting this error in iOS. Thank you.

I’m with the same error. Whem I run using yarn expo start, then my app get crash with this error, using the expo go app on IPhone device, Android device and ios emulator. But whem I run yarn ios and select to show on ios emulator, my app run without any problem. I’m on sdk 47.0.9 of expo and 0.70.5 of react native. I’m still building my app, so I can wait a little for an update, but this error starts when I update the versions of both expo and react native dependencies.

@27leaves Hello, I have tried the solution of creating patch-packages as I’m getting the same error after upgrading my project from 0.66.3 to 0.70.6 version. But It’s not working. Still the same error is there . here is my patch files:

diff --git a/node_modules/react-native/index.js b/node_modules/react-native/index.js
index d59ba34..1bc8c9d 100644
--- a/node_modules/react-native/index.js
+++ b/node_modules/react-native/index.js
@@ -435,32 +435,16 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require('deprecated-react-native-prop-types').ColorPropType;
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require('deprecated-react-native-prop-types').PointPropType;
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
-    );
+    return require('deprecated-react-native-prop-types').ViewPropTypes;
   },
 };
 
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..21a13cf
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081
\ No newline at end of file

My error is still now:

invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.
A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Change all files, like here https://github.com/facebook/react-native/commit/b966d297245a4c1e2c744cfe571396cfa7e5ffd3

Same here, too. expo45 to 47 updated error

You saved me @27leaves Thank you! 🥹

@keerthika-priya For me it did also resolve this error, yes.

I think if you use react-native@0.70.6 the patch should work. If it does not, you could also create your own patch (with patch-package or yarn patch) and follow the changes here: https://github.com/facebook/react-native/commit/b966d297245a4c1e2c744cfe571396cfa7e5ffd3

@27leaves there is some issue with the patch package and does that fix the 2nd part of the error too? Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

In my case it was axios.

 ERROR  TypeError: Restricted in strict mode, js engine: hermes
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Downgrading axios to 0.27.2 fixed it for me. Maybe it helps someone else.

Please try with the latest version 1.2.0 and let me know if the issue persists.

Can confirm the error doesn’t appear anymore using axios 1.2.0

this helps me thanks

I have been able solve this issue on my on part, Most times this error shows up as a result of a third party library making the app crash. The newer version of expo (47) throws this error. Its best to downgrade to 46 (use: expo upgrade 46) and use a react native version compatible with 46 between 0.69 to 0.70(yarn add react-native@said version)

0.68 is the latest working version of RN.

I’ve spent a lot of time trying to upgrade my project and now I understand - use 0.68 or use native solutions for iOS and Android.

React Native 0.68 has the power of community and 0.70+ has not.

In my case it was axios.

 ERROR  TypeError: Restricted in strict mode, js engine: hermes
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Downgrading axios to 0.27.2 fixed it for me. Maybe it helps someone else.

Please try with the latest version 1.2.0 and let me know if the issue persists.

Can confirm the error doesn’t appear anymore using axios 1.2.0

In my case it was axios.

 ERROR  TypeError: Restricted in strict mode, js engine: hermes
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Downgrading axios to 0.27.2 fixed it for me. Maybe it helps someone else.

For my issue related deprecated-react-native-prop-types. After install deprecated-react-native-prop-types, and edit functions in the node_modules/react-native/index.js

`
get ColorPropType(): $FlowFixMe {
    console.warn('');
    return require('deprecated-react-native-prop-types').ColorPropType;
  },
  
  get EdgeInsetsPropType(): $FlowFixMe {
    console.warn('');
    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
  },
  
  get PointPropType(): $FlowFixMe {
    console.warn('');
    return require('deprecated-react-native-prop-types').PointPropType;
  },
  
  get ViewPropTypes(): $FlowFixMe {
    console.warn('');
    return require('deprecated-react-native-prop-types').ViewPropTypes;
  },
`

That working well

Confirmed this issue was due to axios 1.1.3, reverted to 0.27.2 and yarn start --reset-cache, now it’s good.

Hi this issue appears to be affecting a lot of people, what is the best way to get support for it? It’s unclear what is causing it, but I am receiving the same error as the previous posters.

 ERROR  Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.
        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

I succeed to avoid this error. In my case, it was due to the react-native-gesture-handler that changed.

Previously we needed to import it at the top of the root file, now we must do that in App.js instead

import { GestureHandlerRootView } from 'react-native-gesture-handler';
/* ... */
// Wrap your app with the new GestureHandler
<GestureHandlerRootView style={{ flex: 1 }}>
  /* your app */
</GestureHandlerRootView>

Hope it will help

I faced the same issue when upgrading Expo from 49 to 50 and react-native from 0.72.3 to 0.73.4 with the following error:

Invariant Violation: Failed to call into JavaScript module method SOME_MODULE_NAME_HERE. Module has not been registered as callable. Bridgeless Mode: false. Registered callable JavaScript modules (n = 0):

I resolved the issue by searching for react-native in the package-lock.json file and checking if any dependency had a lower version being used, for example, the following package was using the older 0.72.4 version than the new version in package.json file:

"node_modules/react-native-shake": {
  "version": "5.6.0",
  "dependencies": {
    "react": "^18.2.0",
    "react-native": "0.72.4"
  },
  "peerDependencies": {
    "react": "*",
    "react-native": "*"
  }
}

I added an overrides option to the package.json file as follows:

"dependencies": {
  ...
},
"overrides": {
  "react-native-shake": {
    "react-native": "0.73.4"
  }
}

Then, I removed node_modules and package-lock.json and re-installed dependencies after adding the overrides section.

This resolved the issue after re-running the metro server and re-installing the app.

This is a temporary solution as we are modifying the sub-dependencies of our dependencies which may lead to unexpected behavior. The correct solution is to upgrade the affected dependency itself.

This issue was closed because the author hasn’t provided the requested feedback after 7 days.

Seeing this error in my console as well. Is there any better fix than hacking the node_modules or downgrading ReactNative?

using RN 0.72.6

@steventnorris

Did the error occur when upgrading to RN 0.72.6?

If you come from a version previous to 0.7x.x you must check which dependency is incompatible with the new version of react native.

Applying this setting helped me to visualize which dependencies were causing the error.

Once you fix the errors you can restore the file you edited in node_modules (this change is just to make it more visible what is going wrong)

I hope it helps!

In my case, it was also the ViewPropTypes issue. This is rather strange since the error message is not helpful at all, but basically check that your libraries are compatible with your React Native Version:

• See what has been deprecated (this time, for instance, ViewPropTypes)
• See what has been renamed
• If possible, keep your packages up to date

And as recommended by @ikotsov, you can use patch-package if you want to avoid forking the library for no particular reason

I have same issue but I encounter this error by uninstalling “redux-saga” package which is not supporting to react native (0.70.7) . NOTE : Try to uninstall packages which you have recently install.

Description

Upgrade from 0.68.1 to 0.70.0. Builds fine in Xcode. Launches Simulator. Splash screen for app appears.

and then it crashes with the error:

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Version

0.70.0

Output of npx react-native info

ystem: OS: macOS 12.3.1 CPU: (4) x64 Intel® Core™ i7-4578U CPU @ 3.00GHz Memory: 1.20 GB / 16.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 16.15.0 - /usr/local/bin/node Yarn: Not Found npm: 8.5.5 - /usr/local/bin/npm Watchman: 2022.03.21.00 - /usr/local/bin/watchman Managers: CocoaPods: 1.11.3 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5 Android SDK: Not Found IDEs: Android Studio: Not Found Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild Languages: Java: Not Found npmPackages: @react-native-community/cli: Not Found react: Not Found react-native: Not Found react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

Upgrade from 0.68.1 to 0.70.0. Builds fine in Xcode. Launches Simulator. Splash screen for app appears.

and then it crashes with the error:

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

Snack, code example, screenshot, or link to a repository

I have same issue but I encounter this error by uninstalling “redux-saga” package which is not supporting to react native (0.70.7) . NOTE : Try to uninstall packages which you have recently install.

This issue is waiting for author’s feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days.

It is issue in the my dreaming

I am stuck with the same error, tried running it on the ios but not bundling, but worked for android, don’t know why? Need Urgent help.

Same issue here as well, running with npx expo start

I changed from “react-native”: “0.70.5” -> “react-native”: “0.68.2” and from “react”: “18.1.0” -> “react”: “17.0.2” in package.json, deleted node_modules and package-lock.json, ran “npm install” again and all was well.

Still facing this issue after upgrading RN project to 0.70 :

ERROR TypeError: undefined is not an object (evaluating ‘axios.interceptors.request’)

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

I’m with the same error. Whem I run using yarn expo start, then my app get crash with this error, using the expo go app on IPhone device, Android device and ios emulator. But whem I run yarn ios and select to show on ios emulator, my app run without any problem. I’m on sdk 47.0.9 of expo and 0.70.5 of react native. I’m still building my app, so I can wait a little for an update, but this error starts when I update the versions of both expo and react native dependencies.

It works for me, both npx react-native run and npx expo start https://github.com/facebook/react-native/issues/34688#issuecomment-1365204071

react: 18.1.0 => 18.1.0
react-native: ^0.70.6 => 0.70.6

I had the same issue. I am also on RN 0.70.6 but somehow I could not apply the patch provided by @27leaves, so I manually recreated the patch. Here Is my version of patch in case it might help someone (the paths seem different):

diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
index 8fa117192fa0327143480f7f01e5c00c80ffa814..d45daa4fce194ae771062c7e9f429015c131e4a9 100644
--- a/Libraries/Components/TextInput/TextInput.js
+++ b/Libraries/Components/TextInput/TextInput.js
@@ -1349,6 +1349,15 @@ const ExportedForwardRef: React.AbstractComponent<
   );
 });
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+ExportedForwardRef.propTypes =
+  require('deprecated-react-native-prop-types').TextInputPropTypes;
+
+
+
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
diff --git a/Libraries/Image/Image.android.js b/Libraries/Image/Image.android.js
index eac8a56c63eba7b62fa74550836ebfba0738627f..af0e9990ba9a6c9debcd1bc1c79abeae7684d1cd 100644
--- a/Libraries/Image/Image.android.js
+++ b/Libraries/Image/Image.android.js
@@ -308,6 +308,12 @@ Image.queryCache = queryCache;
  * comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
+
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/Libraries/Image/Image.ios.js b/Libraries/Image/Image.ios.js
index 7b5d0c0c43372c9b1f93cd8199ad7a06787077c3..cd24d32abc03d00536468201a5d50dbacbdf6711 100644
--- a/Libraries/Image/Image.ios.js
+++ b/Libraries/Image/Image.ios.js
@@ -235,6 +235,12 @@ Image.queryCache = queryCache;
  * delete this comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
+
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
index 57b6a2ea82ca2813ed98e54cf5b1c38f1feb91b1..0ec5656e5c6c189eb887b0bf46b71b26199c9b16 100644
--- a/Libraries/Text/Text.js
+++ b/Libraries/Text/Text.js
@@ -209,6 +209,12 @@ const Text: React.AbstractComponent<
 
 Text.displayName = 'Text';
 
+/**
+ * Switch to `deprecated-react-native-prop-types` for compatibility with future
+ * releases. This is deprecated and will be removed in the future.
+ */
+Text.propTypes = require('deprecated-react-native-prop-types').TextPropTypes;
+
 /**
  * Returns false until the first time `newValue` is true, after which this will
  * always return true. This is necessary to lazily initialize `Pressability` so
diff --git a/index.js b/index.js
index d59ba3454e9cabed1231554418b5b288c2461a0b..0569440d3ecb9bc49b616dafb86a65b6a3475f52 100644
--- a/index.js
+++ b/index.js
@@ -435,32 +435,44 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'ColorPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using ColorPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').ColorPropType;
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'EdgeInsetsPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using EdgeInsetsPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'PointPropType will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using PointPropType, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').PointPropType;
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
+    console.error(
+      'ViewPropTypes will be removed from React Native, along with all ' +
+        'other PropTypes. We recommend that you migrate away from PropTypes ' +
+        'and switch to a type system like TypeScript. If you need to ' +
+        'continue using ViewPropTypes, migrate to the ' +
+        "'deprecated-react-native-prop-types' package.",
     );
+    return require('deprecated-react-native-prop-types').ViewPropTypes;
   },
 };

Also, I needed to get rid of the package react-native-easy-toast and update the package react-native-file-viewer to get rid of the problem…

i have same issue. what can i do?

Okay thank you. I have never used expo, so probably someone else is better to help you there 😃

As the error is suggested two possible fixes for this error. So that I hope You’ve installed bable plugin is installed. Now Second possible fix is clear your cache. Just run this command to clear your cache. react-native start --reset-cache and now Your error will be resolved. Read More Solutions

The same error 5 times repeat but app build stressful in cmd but its shows blank in expo after load

This shows this is coming from your firebase. Kindly check out firebase documentation on how to set up the initialize app

I have for the moment failed at all my attempts to update to RN 0.70 or to start from crash with it, always a dependency that will break the project at one moment. I advise strongly to not update to it for now.

How to solve it:?

• Image.propTypes
• Text.propTypes
• TextInput.propTypes
• ColorPropType
• EdgeInsetsPropType
• PointPropType
• ViewPropTypes

u guys need to find this on all node_modules and your js code, change it from react-native and use from import { ViewPropTypes, TextPropTypes, .... } from 'deprecated-react-native-prop-types'; instead

Text.propTypes -> TextPropTypes Image.propTypes -> ImagePropTypes

etc

Dont forget to use patch-package for each modules you modified, so u won’t reset it everytime you npm i / yarn

ReferenceError: Can’t find variable: createMaterialTopTabNavigator ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

I don’t know if it’s relevant but I solved my problem by adding the ‘react-native-reanimated/plugin’ in the bable.config.js file and refreshing the app using npx expo start -c if your project is set up with expo.

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

I got the same error. I was adding Redux to my project, and kept getting the deprecation warning to use configureStore from @reduxjs/toolkit instead of createStore from redux. When I switched to configureStore from the toolkit, it leads to the error. But when using the depreceated createStore it compiles and seems to work just fine.

Currently working with react-native 0.70.5 , react-redux ^8.0.5 , redux ^4.2.0 , and @reduxjs/toolkit ^1.9.0

@karamanmertcan i have upgraded to sdk 47.0 and there’s an issue with. [ViewPropTypes will be removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types](https://stackoverflow.com/questions/71702392/viewproptypes-will-be-removed-from-react-native-migrate-to-viewproptypes-export)

so i couldn’t moved forward even tried sdk 46 as well.

Same error. Applied “patch” that changes “invariant(…” to “console.warn(…” and that solve the Error being thrown due to using deprecated ‘ViewPropTypes’, but then this error is keeping the app I am working on from running, and we have a physical /actual retail store that combines with the app for a cool shopping experience and this issue has just destroyed us.

Some kind of response from the team would be highly appreciated.

!UPDATE!

Was able to resolve by creating patch – as recommended by @jayscottthomas – but rather than returning just the type I also kept a warning message to remind myself and any other devs working on the project that this needs to be fixed.

The problem is exacerbated based on how many 3rd party dependencies needing to be updated to work with this new requirement. In example, our own project dependencies were relying on react-native-types, and the dependencies within those dependencies also rely upon the same react-native-types.

Though such a patch may not be recommended, for what it’s worth it’s actually a really great fix in that it just works, and it works pretty darn well. Once applied, my application ran without any gripes or issues.

Thanks, @jayscottthomas

What I implemented is below:

./ProjectRoot/patches/react-native+0.70.4.patch

diff --git a/node_modules/react-native/index.js b/node_modules/react-native/index.js
index d59ba34..9613fb0 100644
--- a/node_modules/react-native/index.js
+++ b/node_modules/react-native/index.js
@@ -435,32 +435,20 @@ module.exports = {
   },
   // Deprecated Prop Types
   get ColorPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'ColorPropType has been removed from React Native. Migrate to ' +
-        "ColorPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    console.warn('ColorPropType deprecated, yada yada yada')
+    return require('deprecated-react-native-prop-types').ColorPropType;
   },
   get EdgeInsetsPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'EdgeInsetsPropType has been removed from React Native. Migrate to ' +
-        "EdgeInsetsPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    console.warn('EdgeInsetsPropType deprecated, yada yada yada');
+    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
   },
   get PointPropType(): $FlowFixMe {
-    invariant(
-      false,
-      'PointPropType has been removed from React Native. Migrate to ' +
-        "PointPropType exported from 'deprecated-react-native-prop-types'.",
-    );
+    console.warn('PointPropType deprecated, yada yada yada');
+    return require('deprecated-react-native-prop-types').PointPropType;
   },
   get ViewPropTypes(): $FlowFixMe {
-    invariant(
-      false,
-      'ViewPropTypes has been removed from React Native. Migrate to ' +
-        "ViewPropTypes exported from 'deprecated-react-native-prop-types'.",
-    );
+    console.warn('ViewPropTypes deprecated, yada yada yada');
+    return require('deprecated-react-native-prop-types').ViewPropTypes;
   },
 };
 
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

for me it’s ‘injectionStore’ which is the problem in redux

hi, same pb : for me it was Axios : good in v0.27.2, and thoses messages when I jumped to 11.3 ! @jasonsaayman

This was my issue as well, downgraded to axios v0.27.2 and everything worked fine.

I have this issue, upgrading to 0.70.3 does not work for me.

EDIT: I got my app working again by updating all my packages in package.json. I can’t say which one did the trick but it’s probably more than one. React native navigation and all peer dependencies, react native reanimated, and others could probably all cause this type of error.

any update? same issue

Same issue here after upgrading all of dependencies my old project with yarn yarn yarn-upgrade-all

my package.json:

{
  "name": "-",
  "version": "0.0.1",
  "osmiVersion": "1.1.0",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start --reset-cache",
    "test": "jest",
    "lint": "eslint .",
    "format": "prettier --check ./App"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@fortawesome/free-brands-svg-icons": "^6.2.0",
    "@fortawesome/free-regular-svg-icons": "^6.2.0",
    "@fortawesome/pro-light-svg-icons": "^6.2.0",
    "@fortawesome/pro-regular-svg-icons": "^6.2.0",
    "@fortawesome/pro-solid-svg-icons": "^6.2.0",
    "@fortawesome/react-native-fontawesome": "^0.3.0",
    "@monterosa/react-native-parallax-scroll": "^1.8.0",
    "@react-native-async-storage/async-storage": "^1.17.10",
    "@react-native-community/datetimepicker": "^6.3.4",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-firebase/analytics": "^15.6.0",
    "@react-native-firebase/app": "^15.6.0",
    "@react-native-firebase/messaging": "^15.6.0",
    "@react-native-firebase/perf": "^15.6.0",
    "@react-navigation/bottom-tabs": "^6.4.0",
    "@react-navigation/drawer": "^6.5.0",
    "@react-navigation/native": "^6.0.13",
    "@react-navigation/stack": "^6.3.1",
    "@sentry/react-native": "5.0.0-alpha.1",
    "add": "^2.0.6",
    "apisauce": "^2.1.6",
    "dayjs": "^1.11.5",
    "enzyme": "^3.11.0",
    "enzyme-adapter-react-16": "^1.15.6",
    "formik": "^2.2.9",
    "lodash": "^4.17.21",
    "osmicsx": "^0.6.10",
    "prop-types": "^15.8.1",
    "ramda": "^0.28.0",
    "react": "^18.2.0",
    "react-native": "^0.70.1",
    "react-native-animatable": "^1.3.3",
    "react-native-autoheight-webview": "^1.6.4",
    "react-native-background-downloader": "^2.3.4",
    "react-native-config": "^1.4.6",
    "react-native-device-info": "^10.2.0",
    "react-native-dropdown-picker": "^5.4.2",
    "react-native-fast-image": "^8.6.1",
    "react-native-file-viewer": "^2.1.5",
    "react-native-fluid-transitions": "^0.1.1",
    "react-native-gallery-swiper": "^1.26.4",
    "react-native-geolocation-service": "^5.3.0",
    "react-native-gesture-handler": "^2.6.1",
    "react-native-image-crop-picker": "^0.38.0",
    "react-native-intl-phone-input": "^1.2.27",
    "react-native-keyboard-spacer": "^0.4.1",
    "react-native-linear-gradient": "^2.6.2",
    "react-native-localize": "^2.2.3",
    "react-native-modal": "^13.0.1",
    "react-native-modal-datetime-picker": "^14.0.0",
    "react-native-modal-selector": "^2.1.1",
    "react-native-multiple-select": "^0.5.11",
    "react-native-parallax-scroll-view": "^0.21.3",
    "react-native-passkit-wallet": "^0.1.6",
    "react-native-reanimated": "^2.10.0",
    "react-native-render-html": "^6.3.4",
    "react-native-safe-area-context": "^4.3.4",
    "react-native-safe-area-view": "^1.1.1",
    "react-native-screens": "^3.17.0",
    "react-native-shared-element": "^0.8.4",
    "react-native-shimmer-placeholder": "^2.0.9",
    "react-native-simple-toast": "^1.1.4",
    "react-native-status-bar-height": "^2.6.0",
    "react-native-svg": "^13.2.0",
    "react-native-swiper": "^1.6.0",
    "react-native-vector-icons": "^9.2.0",
    "react-native-video": "^5.2.1",
    "react-native-video-player": "^0.14.0",
    "react-native-webview": "^11.23.1",
    "react-navigation-shared-element": "^3.1.3",
    "react-redux": "^8.0.2",
    "reactotron-react-native": "^5.0.2",
    "redux": "^4.2.0",
    "redux-persist": "^6.0.0",
    "redux-saga": "^1.2.1",
    "reduxsauce": "^1.2.1",
    "rn-fetch-blob": "^0.12.0",
    "seamless-immutable": "^7.1.4",
    "url-parse": "^1.5.10",
    "yarn": "^1.22.19",
    "yarn-upgrade-all": "^0.7.1",
    "yup": "^0.32.11"
  },
  "devDependencies": {
    "@babel/core": "^7.19.1",
    "@babel/runtime": "^7.19.0",
    "@react-native-community/eslint-config": "^3.1.0",
    "babel-jest": "^29.0.3",
    "babel-plugin-ignite-ignore-reactotron": "^0.3.0",
    "eslint": "^8.23.1",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.31.8",
    "jest": "^29.0.3",
    "metro-react-native-babel-preset": "^0.72.3",
    "prettier": "^2.7.1",
    "react-dom": "^18.2.0",
    "react-native-svg-transformer": "^1.0.0",
    "react-test-renderer": "^18.2.0",
    "reactotron-redux": "^3.1.3",
    "reactotron-redux-saga": "^4.2.3"
  },
  "jest": {
    "preset": "react-native",
    "testMatch": [
      "<rootDir>/Tests/**/*.js",
      "**/?(*.)(spec|test).js?(x)"
    ],
    "testPathIgnorePatterns": [
      "/node_modules/",
      "<rootDir>/Tests/Setup.js"
    ],
    "moduleNameMapper": {
      "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "identity-obj-proxy"
    },
    "transform": {
      "^.+\\.(js)$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
    },
    "setupFiles": [
      "<rootDir>/Tests/Setup"
    ]
  },
  "config": {},
  "standard": {
    "parser": "babel-eslint",
    "globals": [
      "describe",
      "test",
      "jest",
      "expect",
      "fetch",
      "navigator",
      "__DEV__",
      "XMLHttpRequest",
      "FormData",
      "React$Element"
    ]
  }
}