EAS APK Build Crashes on physical devices - react-native

i have been using expo classic build to export apk and it has been running fine until i switched to EAS build now the apk crashes immediately after showing the splashscreen on a physical device or even emulator.
I am geting these errors
ReactNativeJS: TypeError: null is not an object (evaluating'n.NativeModules.RNCWebView.isFileUploadSupported')
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 tried cross-checking the dependencies in package.json but found now issues. I also deleted the node_modules folder and re-installed all dependencies but still the same issue.
Packages.json
"dependencies": {
"#react-native-async-storage/async-storage": "^1.17.11",
"#react-native-community/netinfo": "9.3.5",
"#react-native-firebase/app": "~15.4.0",
"#react-native-firebase/messaging": "^16.5.0",
"#react-navigation/native": "^6.0.10",
"#react-navigation/native-stack": "^6.6.2",
"axios": "^1.2.2",
"expo": "~47.0.13",
"expo-av": "~13.0.2",
"expo-dev-client": "~2.0.1",
"expo-image-picker": "^14.0.2",
"expo-linear-gradient": "^12.0.1",
"expo-location": "^15.0.1",
"expo-permissions": "^14.0.0",
"expo-splash-screen": "^0.17.5",
"expo-status-bar": "~1.4.2",
"expo-updates": "^0.15.6",
"expo-web-browser": "~12.0.0",
"firebase": "^8.2.3",
"flutterwave-react-native": "^1.0.2",
"link": "^1.5.1",
"lottie-react-native": "5.1.4",
"moment": "^2.29.4",
"react": "18.1.0",
"react-dom": "18.1.0",
"react-native": "0.70.5",
"react-native-animatable": "^1.3.3",
"react-native-btr": "^2.2.0",
"react-native-elements": "^3.4.3",
"react-native-modal-datetime-picker": "^14.0.1",
"react-native-onboarding-swiper": "^1.2.0",
"react-native-paper": "^5.1.3",
"react-native-permissions": "^3.6.1",
"react-native-safe-area-context": "^4.4.1",
"react-native-screens": "~3.18.0",
"react-native-splash-screen": "^3.3.0",
"react-native-star-rating-widget": "^1.6.0",
"react-native-svg": "13.4.0",
"svgo": "^3.0.2"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"typescript": "^4.6.3"
},

Related

React native I'm suffering this problem sometimes in react native and I couldn't find a solution yet

Sometimes this error appears
Error: Requiring unknown menter code hereodule "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., 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`
my package.json
"dependencies": {
"#react-native-firebase/analytics": "^14.9.3",
"#react-native-firebase/app": "^14.9.3",
"#react-native-firebase/crashlytics": "^14.9.3",
"#react-native-firebase/messaging": "^14.9.3",
"#react-navigation/bottom-tabs": "^6.5.2",
"#react-navigation/drawer": "^6.5.6",
"#react-navigation/native": "^6.0.16",
"#react-navigation/stack": "^6.3.7",
"#shopify/flash-list": "^1.4.0",
"#shopify/restyle": "^2.1.0",
"#testing-library/jest-native": "^5.3.1",
"#testing-library/react-hooks": "^8.0.1",
"#testing-library/react-native": "^11.5.0",
"axios": "^1.2.1",
"formik": "^2.2.9",
"i18next": "^22.0.8",
"jsc-android": "^294992.0.0",
"lottie-ios": "3.2.3",
"luxon": "^3.2.1",
"react": "18.1.0",
"react-i18next": "^12.0.0",
"react-native": "0.70.6",
"react-native-gesture-handler": "^2.8.0",
"react-native-image-picker": "^4.10.3",
"react-native-localize": "^2.2.4",
"react-native-masked-text": "^1.13.0",
"react-native-reanimated": "^2.13.0",
"react-native-safe-area-context": "^4.3.1",
"react-native-screens": "^3.18.2",
"react-native-sensitive-info": "^5.5.8",
"react-native-splash-screen": "^3.3.0",
"react-native-svg": "^13.6.0",
"react-native-tracking-transparency": "^0.1.2",
"react-native-vector-icons": "^9.2.0",
"react-native-view-pdf": "^0.14.0",
"yup": "^0.32.11"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#babel/runtime": "^7.12.5",
"#commitlint/cli": "^17.3.0",
"#commitlint/config-conventional": "^17.3.0",
"#react-native-community/eslint-config": "^2.0.0",
"#tsconfig/react-native": "^2.0.2",
"#types/jest": "^26.0.23",
"#types/luxon": "^3.2.0",
"#types/react": "^18.0.21",
"#types/react-native": "^0.70.6",
"#types/react-native-vector-icons": "^6.4.12",
"#types/react-test-renderer": "^18.0.0",
"#typescript-eslint/eslint-plugin": "^5.37.0",
"#typescript-eslint/eslint-plugin-tslint": "^5.46.0",
"#typescript-eslint/parser": "^5.37.0",
"babel-jest": "^26.6.3",
"babel-plugin-module-resolver": "^4.1.0",
"eslint": "^7.32.0",
"eslint-config-airbnb-typescript": "^12.3.1",
"eslint-plugin-eslint-comments": "^3.2.0",
"eslint-plugin-flowtype": "^5.3.1",
"eslint-plugin-import": "^2.25.2",
"eslint-plugin-jest": "^24.1.9",
"eslint-plugin-jsdoc": "^37.0.3",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-prefer-arrow": "^1.2.3",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.26.1",
"eslint-plugin-react-hooks": "^4.2.0",
"eslint-plugin-react-native": "^3.10.0",
"eslint-plugin-security": "^1.4.0",
"husky": "^8.0.0",
"jest": "^26.6.3",
"jest-circus": "^29.3.1",
"jest-junit": "^15.0.0",
"metro-react-native-babel-preset": "0.72.3",
"react-native-svg-transformer": "^1.0.0",
"react-test-renderer": "18.1.0",
"typescript": "^4.8.3"
}
I still couldn't find solutions to this problem, I already tried to map it in the flipper but the same log appears

Invariant Violation: Tried to register two views with the same name RNSVGSvgView

I added this lib:
https://github.com/mdjfs/expo-image-multiple-picker
then I get this err:
Invariant Violation: Tried to register two views with the same name RNSVGSvgView
ERROR 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.
package.json
"dependencies": {
"#babel/preset-typescript": "^7.17.12",
"#gorhom/bottom-sheet": "^4.4.0",
"#ramotion/react-native-circle-menu": "^1.0.0",
"#react-native-community/datetimepicker": "6.2.0",
"#react-navigation/bottom-tabs": "6.3.3",
"#react-navigation/native": "6.0.12",
"#react-navigation/native-stack": "6.8.0",
"#reduxjs/toolkit": "^1.8.0",
"#shopify/flash-list": "1.1.0",
"#testing-library/react-native": "^9.0.0",
"#types/jest": "^27.4.1",
"#types/react-native-countdown-component": "^2.7.0",
"axios": "^0.26.1",
"d3-shape": "^3.1.0",
"date-fns": "^2.28.0",
"expo": "^46.0.0",
"expo-app-loading": "~2.1.0",
"expo-constants": "~13.2.3",
"expo-facebook": "~12.2.0",
"expo-font": "~10.2.0",
"expo-haptics": "~11.3.0",
"expo-image-multiple-picker": "^4.5.0",
"expo-image-picker": "~13.3.1",
"expo-linear-gradient": "~11.4.0",
"expo-linking": "~3.2.2",
"expo-media-library": "~14.2.0",
"expo-screen-capture": "~4.3.0",
"expo-screen-orientation": "~4.3.0",
"expo-secure-store": "~11.3.0",
"expo-sharing": "~10.3.0",
"expo-status-bar": "~1.4.0",
"formik": "^2.2.9",
"i18next": "^21.6.14",
"i18next-browser-languagedetector": "^6.1.3",
"i18next-http-backend": "^1.4.0",
"intl": "^1.2.5",
"jest": "^26.6.3",
"jest-expo": "^46.0.0",
"lodash": "^4.17.21",
"lottie-react-native": "5.1.3",
"prop-types": "^15.8.1",
"re-reselect": "^4.0.0",
"react": "18.0.0",
"react-dom": "18.0.0",
"react-fast-compare": "^3.2.0",
"react-freeze": "^1.0.0",
"react-hook-form": "^7.31.3",
"react-i18next": "^11.16.1",
"react-native": "0.69.6",
"react-native-big-list": "^1.5.4",
"react-native-chart-kit": "^6.12.0",
"react-native-collapsible-tab-view": "^5.0.0-rc.6",
"react-native-confirmation-code-field": "^7.3.0",
"react-native-countdown-component": "^2.7.1",
"react-native-gesture-handler": "~2.5.0",
"react-native-image-viewing": "^0.2.2",
"react-native-interactions": "^0.4.0",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-modalize": "^2.0.13",
"react-native-pager-view": "5.4.24",
"react-native-portalize": "^1.0.7",
"react-native-reanimated": "~2.9.1",
"react-native-reanimated-carousel": "3.1.0",
"react-native-redash": "^16.2.3",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0",
"react-native-select-dropdown": "^2.0.0",
"react-native-skeleton-content": "^1.0.28",
"react-native-slider": "^0.11.0",
"react-native-svg": "12.3.0",
"react-native-tab-view": "^3.1.1",
"react-native-toast-message": "^2.1.5",
"react-native-uuid": "^2.0.1",
"react-native-web": "~0.18.7",
"react-redux": "^7.2.6",
"react-verification-input": "^2.0.6",
"reanimated-bottom-sheet": "^1.0.0-alpha.22",
"recyclerlistview": "^3.0.5",
"reselect": "^4.1.5",
"tinycolor2": "^1.4.2",
"yup": "^0.32.11"
},
"devDependencies": {
"#babel/core": "^7.18.6",
"#types/react": "~18.0.0",
"#types/react-native": "~0.69.1",
"#types/react-redux": "^7.1.23",
"#types/tinycolor2": "^1.4.3",
"babel-eslint": "^10.1.0",
"babel-plugin-module-resolver": "^4.1.0",
"deprecated-react-native-prop-types": "^2.3.0",
"eslint": "^8.12.0",
"react-native-dotenv": "^3.3.1",
"typescript": "^4.6.3"
},
"private": true
so what can I do to prevent this error message ? thank you for your answers
................................................................................................................................................................................................................
This usually resolves by stopping the Metro bundler, deleting your /node_modules and /ios/Pods folders, running yarn install && npx pod-install, restarting the bundler -- yarn start, and rebuilding your application.
N.B. Replace yarn with npm if you are using npm for package management.

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"
}
}

Assets not showing when using expo:build for .apk after upgrading to SDK 39

I am updating app from Expo SDK 38 to Expo SDK 39. Everything goes smoothly it works perfectly in the Expo Client.
When I build a standalone app for testing before submission with the following:
expo build:android -t apk --release-channel some-build-release
I open the app to no assets showing. My custom fonts which are in the same assets directory are being used properly.
I am bundling the assets directly into the binary with the following app.json:
"assetBundlePatterns": [
"assets/**/*"
],
All of my assets are in the assets folder. When I build a standalone app on SDK 38 everything works perfectly. Assets show up with no issues. Any help is appreciated.
The following is my package.json in case that helps:
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
...
},
"dependencies": {
"#react-native-community/async-storage": "~1.12.0",
"#react-native-community/datetimepicker": "^3.0.4",
"#react-native-community/masked-view": "0.1.10",
"#react-native-community/netinfo": "5.9.6",
"#react-native-community/slider": "3.0.3",
"#react-navigation/bottom-tabs": "^5.10.1",
"#react-navigation/drawer": "^5.10.1",
"#react-navigation/material-top-tabs": "^5.3.1",
"#react-navigation/native": "^5.8.1",
"#react-navigation/stack": "^5.11.0",
"#types/expo": "^32.0.13",
"#types/react-native": "~0.63.2",
"axios": "^0.19.2",
"convert-time": "^0.3.0",
"expo": "^39.0.0",
"expo-application": "~2.3.0",
"expo-av": "~8.6.0",
"expo-blur": "~8.2.0",
"expo-camera": "~9.0.0",
"expo-constants": "~9.2.0",
"expo-device": "~2.3.0",
"expo-file-system": "~9.2.0",
"expo-firebase-analytics": "~2.5.0",
"expo-font": "~8.3.0",
"expo-image-picker": "~9.1.0",
"expo-linear-gradient": "~8.3.0",
"expo-localization": "~9.0.0",
"expo-location": "~9.0.0",
"expo-media-library": "~9.2.1",
"expo-network": "~2.3.0",
"expo-notifications": "~0.7.2",
"expo-permissions": "~9.3.0",
"expo-status-bar": "~1.0.2",
"expo-video-player": "^1.5.8",
"lodash": "^4.17.19",
"moment": "^2.24.0",
"moment-timezone": "^0.5.31",
"react": "16.13.1",
"react-devtools": "^3.6.3",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
"react-native-animatable": "^1.3.3",
"react-native-collapsible": "^1.5.2",
"react-native-elements": "^2.1.0",
"react-native-expo-image-cache": "^4.1.0",
"react-native-geocoding": "^0.4.0",
"react-native-gesture-handler": "~1.7.0",
"react-native-google-places-autocomplete": "^1.8.0",
"react-native-hyperlink": "0.0.19",
"react-native-keyboard-accessory": "^0.1.10",
"react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-maps": "0.27.1",
"react-native-modal": "^11.5.6",
"react-native-modal-datetime-picker": "^8.9.0",
"react-native-paper": "^3.10.1",
"react-native-reanimated": "~1.13.0",
"react-native-safe-area-context": "3.1.4",
"react-native-screens": "~2.10.1",
"react-native-snap-carousel": "^3.9.1",
"react-native-svg": "12.1.0",
"react-native-tab-view": "^2.15.2",
"react-native-web": "~0.13.7",
"react-navigation-header-buttons": "^6.0.0",
"react-redux": "^7.1.1",
"redux": "^4.0.4",
"redux-devtools-extension": "^2.13.8",
"redux-saga": "^1.1.3",
"redux-thunk": "^2.3.0",
"sentry-expo": "^3.0.3",
"tslib": "^2.0.1",
"validator": "^12.1.0"
},
"devDependencies": {
"#typescript-eslint/eslint-plugin": "^3.9.0",
"#typescript-eslint/parser": "^3.9.0",
"babel-eslint": "^10.1.0",
"babel-preset-expo": "^8.3.0",
"eslint": "^7.7.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-jsx-a11y": "^6.3.1",
"eslint-plugin-react": "^7.20.6",
"eslint-plugin-react-hooks": "^4.0.8",
"typescript": "~3.9.2"
},
"private": true
}
Was not an issue with the build process but instead an issue with another part of my code where other assets were getting saved to the documentDirectory.
I originally was saving assets (such as a small video) to the root documentDirectory. I had another process that would clear old assets based on an array of values of "what should be there".
There was a change from Expo 38 -> 39 where binary assets now got bundled directly to the root of the documentDirectory so when my app was loading it would remove all the bundled assets.
Easy fix was to just store these other assets that I was loading on app launch to a subdirectory in the documentDirectory (in my case documentDirectory/assetCache).

Aws-amplify not working with react-native and expo version 36.0.0

I'm currently working on a react-native-app using expoSdk which is supposed to run on web,ios and android. The most challenging part till now has been to setup the navigation which I finally did. Now I added amplify to my project but the project stops working whenever I run it on any mobile device but it works just fine on web. The error I receive is
NetInfo has been removed from React Native
After a lot of trial and error I discovered that the error comes from aws-amplify since it seems to still run with reac-native-community/netinfo. The error only occours when I import something from amplify. I found this in
node_modules\#aws-amplify\core\lib\Util\Reachability.native.js
Deo anyone know how I can resolve this issue?
Here is my package.json if needed
"dependencies": {
"#expo/vector-icons": "~10.0.0",
"aws-amplify": "^2.2.6",
"#react-native-community/masked-view": "0.1.5",
"#react-navigation/bottom-tabs": "^5.0.0",
"#react-navigation/drawer": "^5.2.0",
"#react-navigation/native": "^5.0.0",
"#react-navigation/stack": "^5.0.0",
"#react-navigation/web": "~1.0.0-alpha.9",
"expo": "~36.0.0",
"expo-asset": "~8.0.0",
"expo-constants": "~8.0.0",
"expo-font": "~8.0.0",
"expo-web-browser": "~8.0.0",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
"react-native-gesture-handler": "~1.5.0",
"react-native-reanimated": "^1.7.0",
"react-native-safe-area-context": "0.6.0",
"react-native-screens": "2.0.0-alpha.12",
"react-native-web": "~0.11.7",
"react-spring": "^8.0.27",
"styled-components": "^5.0.1",
"#aws-amplify/api": "^2.1.6",
"#aws-amplify/pubsub": "^2.1.7",
"#expo/samples": "^3.0.3",
"apollo-boost": "^0.4.3",
"apollo-cache-inmemory": "^1.6.2",
"apollo-client": "^2.6.3",
"apollo-link-http": "^1.5.15",
"aws-amplify-react-native": "^3.2.2",
"aws-appsync": "^1.7.0",
"aws-appsync-react": "^1.2.5",
"expo-av": "~8.0.0",
"expo-camera": "~8.0.0",
"expo-file-system": "~8.0.0",
"expo-image-picker": "~8.0.1",
"expo-permissions": "~8.0.0",
"graphql-tag": "^2.10.1",
"moment": "^2.20.1",
"prop-types": "^15.7.2",
"react-apollo": "^2.0.4",
"react-native-datepicker": "^1.7.2",
"react-native-deck-swiper": "^1.6.7",
"react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-modal": "^11.3.1",
"react-native-modal-datetime-picker": "^4.13.0",
"react-native-modal-dropdown": "^0.6.2",
"react-native-paper": "^2.16.0",
"react-native-responsive-screen": "^1.4.0",
"react-native-segmented-control-tab": "^3.4.1",
"react-native-slideable-calendar-strip": "^0.4.0",
"react-native-snap-carousel": "^3.8.0",
"react-native-sound": "^0.11.0",
"react-native-svg": "9.13.3",
"react-native-swipe-gestures": "^1.0.3",
"react-native-swipeable": "^0.6.0",
"react-native-swipeout": "^2.3.3",
"react-native-touchable-swipe": "^1.0.0",
"react-navigation": "^4.2.2",
"react-redux": "^7.2.0",
"redux": "^4.0.5",
"redux-persist": "^4.10.2",
"redux-thunk": "^2.3.0",
"uuid": "^3.2.1"
},
Any help is much appreciated thanks.
Incase someone has this issue this is the solution by #Ashish-Nanda on github:
The issue you linked has a reply from the package maintainer with the reason for the error.
It is likely that one or more of your dependencies is importing NetInfo from React Native core. Looking at your package.json, one of these would be aws-appsync-react where you will need to upgrade to any version above 2.x.x. Remove both aws-appsync-react and aws-appsync from your package.json and install the latest versions (ensure its above 2.x.x). And then do:
npm install --save #react-native-community/netinfo#4.7.0
You need to install this specific version because newer versions cause issues as the API changed.