Build error after upgrading to Expo SDK 47(TypeError,Invariant Violation) - react-native

Summary:
I upgrade the Enatega Customer app from SDK 44 to 47. I expect the app is be built successfully.
Managed or bare workflow?
Expo Managed Project
What platform(s) does this occur on?
Both Android and iOS.
SDK Version
expo '47.0.0'
**
Reproducible demo or steps to reproduce from a blank project**
I upgraded my SDK from 44 to 47, using npm i -g expo-cli and expo upgrade, and make a expo publish and npx expo start as are made others many times.
**
The error occurs in node_modules(TypeError,Invariant Violation)**
TypeError: undefined is not an object (evaluating '_reactNative.Text.propTypes.style') 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 at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError at node_modules/metro-runtime/src/polyfills/require.js:237:40 in guardedLoadModule at http://10.97.28.19:19000/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:null in global code
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 at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError
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 at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError
How to solve this issue?
My Package.json File
{
"name": "enatega-full-app",
"version": "5.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject",
"test": "jest",
"format": "prettier --write '**/*.js'",
"lint:fix": "eslint . --ext .js --fix",
"postinstall": "patch-package"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.js": [
"npm run format",
"npm run lint:fix"
]
},
"dependencies": {
"#apollo/react-hooks": "^3.1.3",
"#expo/vector-icons": "^12.0.0",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "~1.15.0",
"#react-native-community/masked-view": "0.1.10",
"#react-navigation/drawer": "^5.12.5",
"#react-navigation/native": "^5.9.4",
"#react-navigation/stack": "^5.14.5",
"apollo-boost": "^0.3.1",
"apollo-cache-inmemory": "^1.5.1",
"apollo-cache-persist": "^0.1.1",
"apollo-client": "^2.5.1",
"apollo-link-context": "^1.0.17",
"apollo-link-http": "^1.5.14",
"apollo-link-state": "^0.4.2",
"apollo-link-ws": "^1.0.20",
"apollo-upload-client": "^10.0.0",
"expo": "^44.0.0",
"expo-analytics-amplitude": "~11.1.0",
"expo-app-auth": "~11.1.0",
"expo-app-loading": "~1.3.0",
"expo-apple-authentication": "~4.1.0",
"expo-application": "~4.0.1",
"expo-asset": "~8.4.6",
"expo-constants": "~13.0.1",
"expo-device": "~4.1.0",
"expo-facebook": "~12.1.0",
"expo-font": "~10.0.4",
"expo-google-app-auth": "~8.3.0",
"expo-image-picker": "~12.0.1",
"expo-linking": "~3.0.0",
"expo-localization": "~12.0.0",
"expo-location": "~14.0.1",
"expo-notifications": "~0.14.0",
"expo-splash-screen": "~0.14.1",
"expo-tracking-transparency": "~2.1.0",
"expo-updates": "~0.11.6",
"graphql": "^14.5.8",
"graphql-tag": "^2.10.1",
"i18n-js": "^3.2.2",
"lodash": "^4.17.21",
"patch-package": "^6.2.2",
"react": "17.0.1",
"react-apollo": "^2.5.8",
"react-native": "0.64.3",
"react-native-flash-message": "^0.1.23",
"react-native-flatlist-slider": "^1.0.5",
"react-native-gesture-handler": "~2.1.0",
"react-native-gifted-chat": "^0.16.3",
"react-native-maps": "0.29.4",
"react-native-material-textfield": "^0.16.1",
"react-native-modal": "^11.10.0",
"react-native-modalize": "^2.0.8",
"react-native-reanimated": "~2.3.1",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-star-rating": "^1.1.0",
"react-native-svg": "12.1.1",
"react-native-timeline-flatlist": "^0.7.2",
"react-native-webview": "11.15.0",
"subscriptions-transport-ws": "^0.9.16",
"uuid": "^3.3.2",
"validate.js": "^0.12.0"
},
"devDependencies": {
"babel-jest": "^24.8.0",
"babel-preset-expo": "9.0.2",
"babel-preset-react-native": "^4.0.1",
"eslint": "^7.28.0",
"eslint-config-standard": "^14.1.1",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-react": "^7.20.0",
"eslint-plugin-standard": "^4.0.1",
"husky": "^4.3.8",
"jest": "^26.6.3",
"jest-react-native": "^18.0.0",
"lint-staged": "^10.5.4",
"metro-react-native-babel-preset": "^0.54.1",
"prettier": "^2.3.1",
"prettier-config-standard": "^1.0.1",
"react-test-renderer": "^16.8.6"
},
"jest": {
"preset": "react-native",
"transformIgnorePatterns": [
"node_modules/(?!(react-native|expo|#expo|apollo-boost|apollo-cache-inmemory|apollo-client|apollo-link-context|apollo-link-http|apollo-link-state|apollo-upload-client|graphql|graphql-tag|react-apollo|react-native-animatable|react-native-material-buttons|react-native-material-ripple|react-native-material-textfield|react-native-ratings|react-native-swiper-flatlist|react-native-timeline-listview|react-navigation|validate.js)/)"
]
},
"private": true
}
GitHub:
Only target the Customer App inside this repo
https://github.com/Ninjas-Code-official/Enatega-Restaurant-Solution.git

Related

Happened when i was updating all the packages of a 3 years old project(React-native). Help would be appreciated

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
This is my package.json
{
"name": "Deepak",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"#react-native-async-storage/async-storage": "^1.17.11",
"#react-native-community/netinfo": "^9.3.7",
"#react-navigation/bottom-tabs": "^6.5.2",
"#react-navigation/native": "^6.1.1",
"#react-navigation/native-stack": "^6.9.7",
"#react-navigation/stack": "^6.3.10",
"moment": "^2.29.4",
"react": "18.1.0",
"react-native": "^0.70.6",
"react-native-confirmation-code-input": "^1.0.4",
"react-native-easy-toast": "^2.3.0",
"react-native-flip-toggle-button": "^1.0.9",
"react-native-image-placeholder": "^1.0.14",
"react-native-image-slider-show": "^1.0.3",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-keyboard-aware-scrollview": "^2.1.0",
"react-native-linear-gradient": "^2.6.2",
"react-native-modalbox": "^2.0.2",
"react-native-page-control": "^1.1.2",
"react-native-pull-to-refresh": "^2.1.3",
"react-native-razorpay": "^2.3.0",
"react-native-responsive-screen": "^1.4.2",
"react-native-safe-area-context": "^4.4.1",
"react-native-screens": "^3.18.2",
"react-native-search-filter": "^0.1.5",
"react-native-simple-toast": "^2.0.0",
"react-native-slideshow": "^1.0.1",
"react-native-swipe-gestures": "^1.0.5",
"react-native-webview": "^11.26.0",
"react-redux": "^8.0.5",
"redux": "^4.2.0",
"redux-thunk": "^2.4.2"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#babel/runtime": "^7.12.5",
"#react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.6.3",
"eslint": "^7.32.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "0.72.3",
"react-test-renderer": "18.1.0"
},
"jest": {
"preset": "react-native"
}
}
I commented most of the deprecated packages, don't want to change the node modules like
import Carousel, { Pagination } from 'react-native-snap-carousel';
import CheckBox from 'react-native-check-box'

Invariant Violation: Native module cannot be null. Error when importing react-native-purchases in expo managed project on ios

I have followed this guide to install react-native-purchases in my expo managed project :
https://www.revenuecat.com/blog/in-app-puchase-expo-managed-workflow/
When I import the package with this line : import Purchases from 'react-native-purchases';
I get the following error on ios (Ipad,14.5) :
Invariant Violation: Native module cannot be null.
at node_modules\react-native\Libraries\LogBox\LogBox.js:149:8 in registerError
at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl
at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error
at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error
at node_modules\react-native\Libraries\Core\ExceptionsManager.js:104:6 in reportException
at node_modules\react-native\Libraries\Core\ExceptionsManager.js:172:19 in handleException
at node_modules\react-native\Libraries\Core\setUpErrorHandling.js:24:6 in handleError
at node_modules\expo-error-recovery\build\ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
at node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch
at node_modules\regenerator-runtime\runtime.js:294:29 in invoke
at node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch
at node_modules\regenerator-runtime\runtime.js:155:27 in invoke
at node_modules\regenerator-runtime\runtime.js:165:18 in PromiseImpl.resolve.then$argument_0
at node_modules\react-native\node_modules\promise\setimmediate\core.js:37:13 in tryCallOne
at node_modules\react-native\node_modules\promise\setimmediate\core.js:123:24 in setImmediate$argument_0
at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:123:14 in _callTimer
at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:177:14 in _callImmediatesPass
at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:437:30 in callImmediates
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:388:6 in __callImmediates
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:132:6 in __guard$argument_0
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in __guard
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:131:4 in flushedQueue*
Here is my package.json :
{
"name": "uma",
"version": "1.2.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"#react-native-async-storage/async-storage": "~1.15.0",
"#react-native-community/slider": "4.1.12",
"#react-navigation/bottom-tabs": "^6.3.1",
"#react-navigation/native": "^6.0.10",
"#react-navigation/native-stack": "^6.6.1",
"#react-navigation/stack": "^6.2.1",
"#reduxjs/toolkit": "^1.8.1",
"axios": "^0.26.1",
"base-64": "^1.0.0",
"expo": "~44.0.0",
"expo-app-loading": "~1.3.0",
"expo-av": "~10.2.0",
"expo-checkbox": "~2.0.0",
"expo-file-system": "~13.1.4",
"expo-font": "~10.0.4",
"expo-linking": "~3.0.0",
"expo-notifications": "~0.14.0",
"expo-secure-store": "~11.1.0",
"expo-status-bar": "~1.2.0",
"expo-updates": "~0.11.7",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-gesture-handler": "~2.1.0",
"react-native-purchases": "^4.6.1",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-sensitive-info": "^5.5.8",
"react-native-vector-icons": "^9.1.0",
"react-native-web": "0.17.1",
"react-redux": "^7.2.8",
"redux": "^4.1.2",
"redux-persist": "^6.0.0",
"redux-persist-sensitive-storage": "^1.0.0"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#redux-devtools/core": "^3.11.0"
},
"private": true
}
Any idea how to debug this ?
Thanks for your time !
I finally found the answer. I tried to use RevenueCat with Expo Go as I usually do. I needed to create a development build instead wich I was not familiar with before.
https://docs.expo.dev/development/build/
Now everything works just fine !

Build ExpoGo APP : Nexus RM Connection Refused

i am new to web and in general development at all and sutmbled upon the following error where i hope you could help me out with.
I have upgraded the Expo SDK to latest version 45
I have checked all dependencies and deprecated version etc.
I have run all commands as instructed and tried to
3.1) Run App locally with following error
Error: C:\Users\sp\AppData\Local\Android\Sdk/platform-tools/adb exited with non-zero code: 1
at ChildProcess.completionListener (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\#expo\spawn-async\src\spawnAsync.ts:65:13)
at Object.onceWrapper (node:events:642:26)
at ChildProcess.emit (node:events:527:28)
at ChildProcess.cp.emit (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\cross-spawn\lib\enoent.js:34:29)
at maybeClose (node:internal/child_process:1092:16)
at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
...
at spawnAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\#expo\spawn-async\src\spawnAsync.ts:26:19)
at getAdbOutputAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:303:26)
at getAttachedDevicesAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:206:18)
at Timeout._onTimeout (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:163:29)
3.2) As i build via e.g. eas build -p ios --profile development following error appears
[stderr] error An unexpected error occurred: "http://localhost:8081/repository/npm-group/#expo%2fsamples: connect ECONNREFUSED 127.0.0.1:8081".
info If you think this is a bug, please open a bug report with the information provided in "/Users/expo/workingdir/build/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
yarn exited with non-zero code: 1
Note: I have created a NPM_TOKEN secret and added ".npmrc" File to my root directory including the _auth and registry information to connect to my nexus rm.
Any ideas what i am missing?
My actual package.json looks as follows
{
"scripts": {
"set-registry": "npm set registry http://localhost:8081/repository/npm-group/",
"iwr": "npm install --registry http://localhost:8081/repository/npm-group/",
"set-default-registry": "npm set registry https://registry.npmjs.org",
"yarn": "npx yarn",
"publish": "expo publish",
"start": "expo start --dev-client",
"upgrade": "expo upgrade",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"test": "jest --watchAll",
"login": "expo login",
"logout": "expo logout",
"whoami": "expo whoami"
},
"jest": {
"preset": "jest-expo"
},
"publishConfig": {
"registry": "http://localhost:8081/repository/npm/"
},
"dependencies": {
"#expo/samples": "~3.0.3",
"#expo/vector-icons": "^13.0.0",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "~1.17.3",
"#react-native-community/checkbox": "^0.3.0",
"#react-native-community/datetimepicker": "6.1.2",
"#react-native-community/toolbar-android": "^0.1.0-rc.1",
"#react-native-community/viewpager": "5.0.11",
"#react-navigation/web": "^1.0.0-alpha.9",
"check-peer-dependencies": "^4.1.0",
"eslint-plugin-react-hooks": "^2.5.0",
"expo": "^45.0.4",
"expo-app-auth": "~11.1.0",
"expo-asset": "~8.5.0",
"expo-av": "~11.2.3",
"expo-camera": "~12.2.0",
"expo-constants": "~13.1.1",
"expo-dev-client": "~0.9.6",
"expo-device": "~4.2.0",
"expo-facebook": "~12.2.0",
"expo-file-system": "~14.0.0",
"expo-font": "~10.1.0",
"expo-google-app-auth": "~8.3.0",
"expo-image-picker": "~13.1.1",
"expo-linear-gradient": "~11.3.0",
"expo-linking": "~3.1.0",
"expo-localization": "~13.0.0",
"expo-location": "~14.2.2",
"expo-mail-composer": "~11.2.0",
"expo-permissions": "~13.2.0",
"expo-screen-orientation": "~4.2.0",
"expo-secure-store": "~11.2.0",
"expo-splash-screen": "~0.15.1",
"expo-status-bar": "~1.3.0",
"expo-task-manager": "~10.2.1",
"expo-updates": "~0.13.1",
"expo-web-browser": "~10.2.0",
"firebase": "8.2.3",
"i18n-js": "3.5.1",
"jest": "^26.6.3",
"lodash": "^4.17.20",
"moment": "^2.25.3",
"moment-timezone": "^0.5.32",
"prop-types": "^15.7.2",
"pt-web-app-common": "0.0.775",
"react": "17.0.2",
"react-devtools": "^3.6.3",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-native-autocomplete-input": "^4.2.0",
"react-native-calendars": "^1.264.0",
"react-native-gesture-handler": "~2.2.1",
"react-native-gridview": "^0.1.2",
"react-native-image-gallery": "^2.1.5",
"react-native-image-modal": "^1.0.6",
"react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-map-clustering": "^3.3.9",
"react-native-maps": "0.30.2",
"react-native-modal": "^11.5.6",
"react-native-netinfo": "^1.1.0",
"react-native-paper": "^3.6.0",
"react-native-picker-select": "^7.0.0",
"react-native-ratings": "^6.5.0",
"react-native-reanimated": "~2.8.0",
"react-native-responsive-grid": "^0.41.993",
"react-native-safe-area-context": "4.2.4",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~3.11.1",
"react-native-svg": "12.3.0",
"react-native-svg-transformer": "^0.14.3",
"react-native-swipe-gestures": "^1.0.5",
"react-native-swipe-list-view": "^2.5.0",
"react-native-vector-icons": "^6.6.0",
"react-native-web": "0.17.7",
"react-native-webview": "11.18.1",
"react-navigation": "^3.12.0",
"react-redux": "5.1.2",
"redux": "^4.0.4",
"sharp-cli": "^1.15.0"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"babel-eslint": "^10.0.3",
"babel-preset-expo": "~9.1.0",
"eslint": "^6.6.0",
"eslint-config-airbnb": "^18.0.1",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-react": "^7.30.0",
"jest-expo": "^45.0.0",
"yarn-upgrade-all": "^0.7.1"
},
"private": true,
"name": "pt-app",
"version": "1.0.5"
}
As mentioned i am completely new to web development, expo and any similar form and the project was just copied from a previous source so i had to set up the env myself as well after cloning so forgive me if I am missing out on something here.
Thanks and appreciate your help! ! !

Expo Go - Uncaught Error: IDBIndex when i start expo server and run build in emulator

Hei there, i have been looking everywhere for a solution to find regarding the indicated error which i get when i type expo start and then access the expo go app by QR Code.
The app builds successfully but then displays the following error messages, whereas i personally think that the problem lies at the IDBIndex error message and the other one is just a so called Red Herring from what i have learned so far.
Invariant Violation: "main" 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.
at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error
at node_modules\react-native\Libraries\Core\ExceptionsManager.js:95:4 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:6 in handleError
at node_modules\#react-native\polyfills\error-guard.js:49:36 in ErrorUtils.reportFatalError
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:370:8 in __guard
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:4 in callFunctionReturnFlushedQueue
AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '#react-native-async-storage/async-storage' inste
ad of 'react-native'. See https://github.com/react-native-async-storage/async-storage
at node_modules\expo\build\environment\react-native-logs.fx.js:18:4 in warn
at node_modules\react-native\Libraries\Utilities\warnOnce.js:27:2 in warnOnce
at node_modules\react-native\index.js:273:12 in module.exports.get__AsyncStorage
at node_modules\#firebase\app\dist\index.rn.cjs.js:648:19 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at node_modules\firebase\app\dist\index.cjs.js:3:22 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at node_modules\pt-web-app-common\src\util\FirebaseService.js:1:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at node_modules\pt-web-app-common\src\index.js:10:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at screens\agency_details\AgencyDetailsScreen.js:4:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at navigation\MainTabNavigator.js:6:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at navigation\AppNavigator.js:3:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at App.js:3:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at index.js:3:0 in <global>
at node_modules\metro-runtime\src\polyfills\require.js:339:11 in loadModuleImplementation
at node_modules\metro-runtime\src\polyfills\require.js:200:44 in guardedLoadModule
at http://vp-82k.proptrek.pt-app.exp.direct/index.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:385915:3 in global code
ReferenceError: Can't find variable: IDBIndex
at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error
at node_modules\react-native\Libraries\Core\ExceptionsManager.js:95:4 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:6 in handleError
at node_modules\#react-native\polyfills\error-guard.js:49:36 in ErrorUtils.reportFatalError
at node_modules\metro-runtime\src\polyfills\require.js:203:6 in guardedLoadModule
at http://vp-82k.proptrek.pt-app.exp.direct/index.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:385915:3 in global code
iOS Bundling complete 170ms
Any ideas of what could be the root cause.
Maybe i should also mention that i just imported this project the first time, upgraded the expo sdk and i the initial project did not even include a firebase dependency (since all entries i found on google related to this error seem to point to firebase and versioning problems). Actually i also tried to install firebase in different indicated versions, but still did not succeed to resolve this error.
Any hint would be highly appreacitated!!
My package.json
{
"scripts": {
"set-registry": "npm set registry http://localhost:8081/repository/npm/",
"iwr": "npm install --registry http://localhost:8081/repository/npm-group/",
"set-default-registry": "npm set registry https://registry.npmjs.org",
"yarn": "npx yarn",
"publish": "expo publish",
"start": "expo start --dev-client",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"eject": "expo eject",
"test": "jest --watchAll",
"login": "expo login",
"logout": "expo logout",
"whoami": "expo whoami"
},
"jest": {
"preset": "jest-expo"
},
"publishConfig": {
"registry": "http://localhost:8081/repository/npm/"
},
"dependencies": {
"#expo/samples": "~3.0.3",
"#expo/vector-icons": "^13.0.0",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-community/checkbox": "^0.3.0",
"#react-native-community/datetimepicker": "6.1.2",
"#react-native-community/viewpager": "5.0.11",
"#react-navigation/web": "^1.0.0-alpha.9",
"eslint-plugin-react-hooks": "^2.5.0",
"expo": "^45.0.0",
"expo-app-auth": "~11.1.0",
"expo-asset": "~8.5.0",
"expo-av": "~11.2.3",
"expo-camera": "~12.2.0",
"expo-constants": "~13.1.1",
"expo-device": "~4.2.0",
"expo-facebook": "~12.2.0",
"expo-file-system": "~14.0.0",
"expo-font": "~10.1.0",
"expo-google-app-auth": "~8.3.0",
"expo-image-picker": "~13.1.1",
"expo-linear-gradient": "~11.3.0",
"expo-linking": "~3.1.0",
"expo-localization": "~13.0.0",
"expo-location": "~14.2.2",
"expo-mail-composer": "~11.2.0",
"expo-permissions": "~13.2.0",
"expo-screen-orientation": "~4.2.0",
"expo-secure-store": "~11.2.0",
"expo-splash-screen": "~0.15.1",
"expo-status-bar": "~1.3.0",
"expo-task-manager": "~10.2.1",
"expo-web-browser": "~10.2.0",
"i18n-js": "3.5.1",
"lodash": "^4.17.20",
"moment": "^2.25.3",
"moment-timezone": "^0.5.32",
"prop-types": "^15.7.2",
"pt-web-app-common": "0.0.775",
"react": "17.0.2",
"react-devtools": "^3.6.3",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-native-autocomplete-input": "^4.2.0",
"react-native-calendars": "^1.264.0",
"react-native-gesture-handler": "~2.2.1",
"react-native-gridview": "^0.1.2",
"react-native-image-gallery": "^2.1.5",
"react-native-image-modal": "^1.0.6",
"react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-map-clustering": "^3.3.9",
"react-native-maps": "0.30.2",
"react-native-modal": "^11.5.6",
"react-native-netinfo": "^1.1.0",
"react-native-paper": "^3.6.0",
"react-native-picker-select": "^7.0.0",
"react-native-ratings": "^6.5.0",
"react-native-reanimated": "~2.8.0",
"react-native-responsive-grid": "^0.41.993",
"react-native-safe-area-context": "4.2.4",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~3.11.1",
"react-native-svg": "12.3.0",
"react-native-svg-transformer": "^0.14.3",
"react-native-swipe-gestures": "^1.0.5",
"react-native-swipe-list-view": "^2.5.0",
"react-native-vector-icons": "^6.6.0",
"react-native-web": "0.17.7",
"react-native-webview": "11.18.1",
"react-navigation": "^3.12.0",
"react-redux": "5.1.2",
"redux": "^4.0.4",
"sharp-cli": "^1.15.0"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"babel-eslint": "^10.0.3",
"babel-preset-expo": "~9.1.0",
"eslint": "^6.6.0",
"eslint-config-airbnb": "^18.0.1",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-react": "^7.16.0",
"jest-expo": "^45.0.0"
},
"private": true,
"name": "main",
"version": "1.0.0"
}

TypeError: Cannot read property 'ExpoUpdates' of undefined

I am running a react-native app which has been working until we updated some of the pods to install a new library. The error is below when running the app:
ERROR TypeError: Cannot read property 'ExpoUpdates' of undefined, js engine: hermes
ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). 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: Module AppRegistry is not a registered callable module (calling runApplication). 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 am now experiencing this error - note we have ejected the app from expo so it is a react-native app. However, with some modules still being used from expo and some supporting unimodules this error is being thrown everytime we compile on iOS.
I have tried the following:
Reinstalling node modules
Reinstalling pods
Deleting lockfiles and re-installing
Changing xcode version from 12.4, 12.5 and 13
Is there some other issue that I am missing? Note: There have actually not been any changes to the app config.
Here is the package.json:
{
"name": "ProjectX",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint .",
"update:pods": "cd ios && pod install --repo-update && cd ..",
"postinstall": "yarn run update:pods"
},
"dependencies": {
"#expo/react-native-action-sheet": "^3.8.0",
"#notifee/react-native": "^1.1.1",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "^1.15.4",
"#react-native-community/art": "^1.2.0",
"#react-native-community/checkbox": "^0.5.7",
"#react-native-community/clipboard": "^1.5.1",
"#react-native-community/datetimepicker": "^3.4.3",
"#react-native-community/image-editor": "^2.3.0",
"#react-native-community/masked-view": "^0.1.10",
"#react-native-community/netinfo": "^6.0.0",
"#react-native-community/slider": "^3.0.3",
"#react-native-community/toolbar-android": "0.1.0-rc.2",
"#react-native-community/viewpager": "5.4.4",
"#react-native-firebase/app": "^10.8.1",
"#react-native-firebase/auth": "^11.2.0",
"#react-native-firebase/firestore": "^10.8.1",
"#react-native-firebase/functions": "^11.3.0",
"#react-native-firebase/messaging": "^10.8.1",
"#react-native-firebase/remote-config": "^10.8.1",
"#react-native-firebase/storage": "^10.8.1",
"#react-native-picker/picker": "^2.2.1",
"#react-navigation/bottom-tabs": "^5.11.8",
"#react-navigation/native": "^5.9.3",
"#react-navigation/stack": "^5.14.3",
"#storybook/react-native": "^5.3.25",
"add": "^2.0.6",
"apisauce": "^1.1.1",
"aws-amplify": "^3.3.24",
"base-64": "^0.1.0",
"buffer": "^6.0.3",
"compare-versions": "^3.6.0",
"expo-asset": "^8.1.7",
"expo-av": "^9.0.0",
"expo-constants": "^9.1.1",
"expo-file-system": "^9.0.1",
"expo-font": "^8.2.1",
"expo-image-manipulator": "^8.2.1",
"expo-image-picker": "^8.3.0",
"expo-location": "^8.2.1",
"expo-media-library": "^11.0.0",
"expo-permissions": "^11.0.0",
"expo-video-thumbnails": "^5.1.0",
"formik": "^2.1.4",
"i": "^0.3.6",
"lodash": "^4.17.21",
"moment": "^2.27.0",
"native-base": "^2.13.12",
"ngeohash": "^0.6.3",
"npm": "^6.14.5",
"prop-types": "^15.7.2",
"react": "17.0.2",
"react-native": "0.64.2",
"react-native-animatable": "^1.3.3",
"react-native-calendars": "^1.300.0",
"react-native-confetti-cannon": "^1.5.2",
"react-native-device-info": "^6.0.0",
"react-native-dotenv": "^0.2.0",
"react-native-easy-grid": "^0.2.2",
"react-native-emoticons": "^1.0.13",
"react-native-fbsdk": "^3.0.0",
"react-native-geocoding": "^0.4.0",
"react-native-gesture-handler": "^1.6.1",
"react-native-gifted-chat": "^0.16.3",
"react-native-keyboard-aware-scroll-view": "^0.9.3",
"react-native-linear-gradient": "^2.5.6",
"react-native-maps": "^0.27.1",
"react-native-mixpanel": "^1.2.0",
"react-native-modal": "^11.5.6",
"react-native-performance-monitor": "^1.2.1",
"react-native-permissions": "^3.0.1",
"react-native-progress": "^4.1.2",
"react-native-reanimated": "^1.9.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.9.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-splash-screen": "^3.2.0",
"react-native-svg": "^12.1.0",
"react-native-swiper": "^1.6.0",
"react-native-unimodules": "^0.12.0",
"react-native-vector-icons": "^6.6.0",
"react-native-video": "^5.1.1",
"react-native-view-overflow": "^0.0.5",
"yup": "^0.29.1"
},
"devDependencies": {
"#babel/core": "^7.13.1",
"#babel/runtime": "^7.13.7",
"#react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.6.3",
"eslint": "^7.20.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.66.0",
"react-native-codegen": "^0.0.7",
"react-test-renderer": "17.0.2"
},
"jest": {
"preset": "react-native"
}
}