TypeError: Cannot read property 'ExpoUpdates' of undefined - react-native

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

Related

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

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

Upgrading from EXPO SDK 44 to 45. IOS doesn't work but android does

I have just upgraded EXPO SDK from 44 to 45.
The issues that I am having:
When I running the app on IOS the app is now super slow
It also has a strange box shadow that appears on the bottom of the screen.
Keyboard also keeps randomly poping up
The app works perfectly on android which is confusing to me. I haven't changed any of the code and on Expo SDK 44 everything was working.
What I have tried:
Downgrading all the react packages to their previous versions apart from react-native
Checking all API calls. In case there is a fetching issue.
These are all the packages that I am using:
{
"name": "iserve-app",
"version": "1.25.0",
"main": "index.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject",
"prepare": "husky install",
"lint": "tsc --noemit && eslint --ext .js,.jsx,.ts,.tsx ./",
"prettier-format": "prettier --config .prettierrc '**/*.{json,js,jsx,ts,tsx,css,scss,md}' --write"
},
"dependencies": {
"#fortawesome/fontawesome": "^1.1.8",
"#fortawesome/fontawesome-free-solid": "^5.0.13",
"#fortawesome/fontawesome-svg-core": "^1.2.36",
"#fortawesome/free-solid-svg-icons": "^5.15.4",
"#fortawesome/react-native-fontawesome": "^0.2.7",
"#openspacelabs/react-native-zoomable-view": "^2.0.4",
"#react-native-async-storage/async-storage": "~1.17.3",
"#react-native-community/netinfo": "8.2.0",
"#reduxjs/toolkit": "^1.7.1",
"#sentry/react-native": "^3.2.11",
"#types/expo": "^33.0.1",
"#types/json-bigint": "^1.0.1",
"buffer": "^6.0.3",
"date-fns": "^2.28.0",
"decimal.js": "^10.3.1",
"dotenv": "^14.1.0",
"eslint": "7.28",
"exact-math": "^2.2.3",
"expo": "^45.0.0",
"expo-application": "~4.1.0",
"expo-asset": "~8.5.0",
"expo-barcode-scanner": "~11.3.0",
"expo-battery": "~6.2.0",
"expo-blur": "~11.1.0",
"expo-camera": "~12.2.0",
"expo-constants": "~13.1.1",
"expo-device": "~4.2.0",
"expo-media-library": "~14.1.0",
"expo-notifications": "~0.15.4",
"expo-permissions": "~13.2.0",
"expo-screen-orientation": "~4.2.0",
"expo-sensors": "~11.3.0",
"expo-splash-screen": "~0.15.1",
"expo-status-bar": "~1.3.0",
"expo-updates": "~0.13.4",
"intl": "^1.2.5",
"json-bigint": "^1.0.0",
"lottie-react-native": "5.0.1",
"moment": "^2.29.3",
"native-base": "^3.3.3",
"patch-package": "^6.4.7",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-native-animated-loader": "^0.0.9",
"react-native-currency-input": "^1.0.1",
"react-native-device-detection": "^0.2.1",
"react-native-flash-message": "^0.2.1",
"react-native-gesture-handler": "~2.2.1",
"react-native-markdown-renderer": "^3.2.8",
"react-native-network-logger": "^1.12.0",
"react-native-pager-view": "5.4.15",
"react-native-safe-area-context": "4.2.4",
"react-native-segmented-control-tab": "^4.0.0",
"react-native-side-drawer": "^1.2.9",
"react-native-svg": "12.3.0",
"react-native-swipe-detect": "^1.0.10",
"react-native-tab-view": "^3.1.1",
"react-native-tableview-simple": "^4.3.1",
"react-native-toast-notifications": "^3.2.3",
"react-native-uuid": "^2.0.1",
"react-native-web": "0.17.7",
"react-redux": "^7.2.6",
"react-router-native": "^6.2.1",
"redux-persist": "^6.0.0",
"semantic-release-expo": "^2.2.3",
"sentry-expo": "^4.0.0",
"xmldom": "^0.6.0"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#commitlint/cli": "^16.0.2",
"#commitlint/config-conventional": "^16.0.0",
"#semantic-release/changelog": "^6.0.1",
"#semantic-release/git": "^10.0.1",
"#types/react": "^18.0.17",
"#types/react-native": "^0.69.5",
"#types/react-native-dotenv": "^0.2.0",
"#types/react-redux": "^7.1.22",
"#types/react-router-native": "^5.1.3",
"#typescript-eslint/eslint-plugin": "^5.9.1",
"#typescript-eslint/parser": "^5.9.1",
"babel-plugin-module-resolver": "^4.1.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-jsx-a11y": "^6.5.1",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.28.0",
"eslint-plugin-react-hooks": "^4.3.0",
"husky": "^7.0.4",
"prettier": "^2.5.1",
"react-native-dotenv": "^3.3.1",
"semantic-release": "^18.0.1",
"semantic-release-slack-bot": "^3.4.1",
"typescript": "~4.3.5"
},
"private": true
}
Box shadow that appears:

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! ! !

React Native aws-amplify Auth.signIn throwing NotAuthorizedException on android only when used with react native reanimated

I'm using
aws-amplify: 4.3.11,
aws-amplify-react-native: 6.0.4.
When I try to sign in and enter username and password, it first freezes the screen and hangs the sign-in button, then works and throws an exception  
"Incorrect username or password". Error NotAuthorizedException.
It was operating OK for me until it began to cause problems, such as logging in the user sometimes and not logging in the user at other times, and eventually, it stopped working entirely.
Furthermore, it is fully functional on iOS. Also, when I open the settings or debug the application from the developer menu, the application crashed.
However, It starts working when I uninstall react-native-reanimated and react-navigation/drawer and clean the project. However, anytime I reinstall them and my default screen is the drawer, it causes the app to crash just by accessing it.
However, if I make the signUp screen the initial route, the application runs but in Auth.SignIn I'm still getting the NotAuthorizedException issue when I try to sign in.
Here is my code of sign In
let responseSignIn = await Auth.signIn({
username: email.toLowerCase(),
password,
});
if (responseSignIn) {
let session = await Auth.currentSession();
let token = session.getIdToken().getJwtToken();
saveToken(token);
setLoading(false);
dispatch(LoginWithEmailSuccess({token}));
console.log(token);
}
} catch (e) {
console.log(`Error ${e}`);
setpasswordError(e.message);
setLoading(false);
}```
Here is my package.json file
```{
"name": "SkillGigs",
"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": {
"#apollo/client": "^3.5.7",
"#brlja/react-native-slider": "^0.12.1",
"#react-native-async-storage/async-storage": "^1.15.14",
"#react-native-community/checkbox": "^0.5.9",
"#react-native-community/clipboard": "^1.5.1",
"#react-native-community/netinfo": "^7.1.7",
"#react-native-google-signin/google-signin": "^7.0.4",
"#react-native-picker/picker": "^2.2.1",
"#react-navigation/material-top-tabs": "^6.1.1",
"#react-navigation/native": "^6.0.6",
"#react-navigation/stack": "^6.0.11",
"amazon-cognito-identity-js": "^5.2.3",
"aws-amplify": "^4.3.11",
"aws-amplify-react-native": "^6.0.4",
"axios": "^0.21.1",
"date-fns": "^2.28.0",
"graphql": "^14.0.0",
"moment": "^2.29.1",
"react": "17.0.2",
"react-native": "^0.66.4",
"react-native-autocomplete-input": "^5.0.2",
"react-native-calendar-picker": "^7.1.2",
"react-native-calendars": "^1.1277.0",
"react-native-chart-kit": "^6.12.0",
"react-native-cn-quill": "^0.7.15",
"react-native-color-matrix-image-filters": "^5.2.10",
"react-native-dimension": "^1.0.6",
"react-native-document-picker": "^7.1.3",
"react-native-draggable-flatlist": "^3.0.6",
"react-native-dropdown-picker": "^5.2.3",
"#react-navigation/drawer": "^6.1.4",
"react-native-fbsdk": "^3.0.0",
"react-native-geolocation-service": "^5.3.0-beta.4",
"react-native-gesture-handler": "^2.1.1",
"react-native-get-random-values": "^1.7.2",
"react-native-image-crop-tools": "^1.5.0",
"react-native-image-picker": "^4.7.0",
"react-native-image-resizer": "^1.4.5",
"react-native-image-rotate": "^2.1.0",
"react-native-image-to-pdf": "^1.2.0",
"react-native-modal-dropdown": "^1.0.2",
"react-native-pager-view": "^5.4.11",
"react-native-ratings": "^8.1.0",
"react-native-reanimated": "^2.4.1",
"react-native-render-html": "^6.3.4",
"react-native-responsive-screen": "^1.4.2",
"react-native-safe-area-context": "^3.3.2",
"react-native-screens": "^3.10.1",
"react-native-share": "^7.3.7",
"react-native-simple-image-cropper": "^3.2.1",
"react-native-simple-radio-button": "^2.7.4",
"react-native-svg": "^12.1.1",
"react-native-swiper": "^1.6.0",
"react-native-switch-toggle": "^2.2.1",
"react-native-tab-view": "^3.1.1",
"react-native-vector-icons": "^9.0.0",
"react-native-video": "^5.1.1",
"react-native-virtualized-view": "^0.1.5",
"react-native-webview": "^11.16.0",
"react-redux": "^7.2.6",
"redux": "^4.1.2",
"redux-saga": "^1.1.3",
"rn-fetch-blob": "^0.12.0",
"victory-native": "^36.3.1"
},
"devDependencies": {
"#babel/core": "^7.16.5",
"#babel/runtime": "^7.16.5",
"#react-native-community/eslint-config": "^3.0.1",
"babel-jest": "^27.4.5",
"eslint": "^8.5.0",
"jest": "^27.4.5",
"metro-react-native-babel-preset": "^0.66.2",
"react-test-renderer": "17.0.2"
},
"jest": {
"preset": "react-native"
}
}```

React Native app:bundleReleaseJsAndAssets Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option

When I run ./gradlew assembleRelease I get back this error:
Task :app:bundleReleaseJsAndAssets
warning: the transform cache was reset.
Loading dependency graph, done.
index.js: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'.
Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'.
I'm not using #Babel, but babel in my package.json file:
{
"name": "my-app",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"#ptomasroos/react-native-multi-slider": "0.0.12",
"firebase": "^5.1.0",
"javascript-time-ago": "^1.0.30",
"mobx": "^4.1.1",
"mobx-react": "^5.0.0",
"native-base": "^2.8.1",
"prop-types": "^15.6.2",
"protobufjs": "^6.8.8",
"react": "16.2.0",
"react-native": "^0.57.7",
"react-native-actionsheet": "^2.3.0",
"react-native-aws3": "0.0.8",
"react-native-axios": "^0.17.1",
"react-native-billing": "^2.9.1",
"react-native-card-stack-swiper": "^1.0.5",
"react-native-collapsible": "^0.10.0",
"react-native-cookies": "^3.2.0",
"react-native-datepicker": "^1.6.0",
"react-native-dropdownalert": "^3.5.0",
"react-native-elements": "^0.19.0",
"react-native-event-listeners": "^1.0.3",
"react-native-expandable-section-flatlist": "^1.0.3",
"react-native-fbsdk": "^0.8.0",
"react-native-fcm": "^16.0.0",
"react-native-floating-action": "^1.10.1",
"react-native-geocoding": "^0.3.0",
"react-native-gifted-chat": "^0.4.3",
"react-native-google-places-autocomplete": "^1.3.6",
"react-native-hide-show-password-input": "^1.0.7",
"react-native-image-crop-picker": "^0.19.3",
"react-native-image-picker": "^0.26.10",
"react-native-image-placeholder": "^1.0.14",
"react-native-instagram-login": "^1.0.7",
"react-native-keyboard-aware-scroll-view": "^0.4.4",
"react-native-keyboard-aware-scrollview": "^2.0.0",
"react-native-keyboard-spacer": "^0.4.1",
"react-native-linear-gradient": "^2.4.0",
"react-native-linkedin": "^1.3.1",
"react-native-localization": "^2.0.0",
"react-native-material-bottom-navigation": "^0.9.0",
"react-native-modal-datetime-picker": "^6.0.0",
"react-native-open-settings": "^1.0.1",
"react-native-pages": "^0.7.0",
"react-native-permissions": "^1.1.1",
"react-native-picker-select": "^5.1.0",
"react-native-popup-menu": "^0.12.4",
"react-native-pulse": "^1.0.6",
"react-native-scrollable-tab-view": "^0.8.0",
"react-native-share": "^1.0.26",
"react-native-simple-toast": "0.0.8",
"react-native-snap-carousel": "^3.7.2",
"react-native-splash-screen": "^3.0.6",
"react-native-star-rating": "^1.0.9",
"react-native-swipe-cards": "^0.1.1",
"react-native-swipe-list-view": "^1.0.7",
"react-native-swipeable-flat-list": "0.0.5",
"react-native-swipeout": "^2.3.3",
"react-native-switch": "^1.4.0",
"react-native-twitter-signin": "github:GoldenOwlAsia/react-native-twitter-signin#master",
"react-native-view-more-text": "^2.0.1",
"react-native-viewpager": "^0.2.13",
"react-navigation": "^1.0.3",
"rn-viewpager": "^1.2.9"
},
"devDependencies": {
"babel-jest": "22.2.2",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-preset-react-native": "4.0.0",
"jest": "22.2.2",
"react-test-renderer": "16.2.0"
},
"jest": {
"preset": "react-native"
}
}
I finally solved this by installing this package: #babel/plugin-proposal-decorators and removing this one: babel-plugin-transform-decorators-legacy
And finally changing the plugins section of my .babelrc to this:
{
"presets": ["react-native"],
"plugins": [
["#babel/plugin-proposal-decorators", {"legacy": true}]
]
}