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

ganeshtak19 commented 1 week ago

Description

After upgrading to "react-native-reanimated": "3.7.1", to 3.10.1 I am facing this issue. I also tried with latest version of reanimated and faced same error.

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

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

below is my package.json file

{ "name": "JNJ", "version": "0.0.1", "private": true, "scripts": { "postinstall": "patch-package", "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest", "pod": "cd ios && pod install && cd ..", }, "dependencies": { "@googlemaps/polyline-codec": "^1.0.28", "@gorhom/bottom-sheet": "4.6.4", "@microsoft/signalr": "^8.0.7", "@notifee/react-native": "^9.1.1", "@react-native-async-storage/async-storage": "^2.0.0", "@react-native-clipboard/clipboard": "^1.14.1", "@react-native-community/blur": "^4.4.0", "@react-native-community/datetimepicker": "^8.1.0", "@react-native-community/geolocation": "^3.3.0", "@react-native-community/netinfo": "^11.3.1", "@react-native-firebase/app": "19.3.0", "@react-native-firebase/auth": "19.3.0", "@react-native-firebase/crashlytics": "19.3.0", "@react-native-firebase/messaging": "19.3.0", "@react-navigation/bottom-tabs": "^6.5.20", "@react-navigation/native": "^6.1.17", "@react-navigation/native-stack": "^6.9.26", "@redux-saga/core": "^1.3.0", "@reduxjs/toolkit": "^2.2.3", "@supersami/rn-foreground-service": "^2.1.1", "@types/react-native-background-timer": "^2.0.2", "@voximplant/react-native-foreground-service": "^3.0.2", "appcenter": "^5.0.1", "appcenter-cli": "^3.0.0", "axios": "^1.6.8", "g": "^2.0.1", "i": "^0.3.7", "i18next": "^23.11.3", "moment-timezone": "^0.5.45", "npm": "^10.8.2", "patch-package": "^8.0.0", "postinstall-postinstall": "^2.1.0", "react": "18.2.0", "react-i18next": "^14.1.1", "react-native": "0.74.0", "react-native-android-location-enabler": "^2.0.1", "react-native-background-timer": "^2.4.1", "react-native-calendars": "^1.1304.1", "react-native-code-push": "^8.2.2", "react-native-confirmation-code-field": "^7.4.0", "react-native-country-picker-modal": "^2.0.0", "react-native-device-info": "^10.13.2", "react-native-encrypted-storage": "^4.0.3", "react-native-error-boundary": "^1.2.4", "react-native-fast-image": "^8.6.3", "react-native-geolocation-service": "^5.3.1", "react-native-gesture-handler": "2.16.2", "react-native-image-crop-picker": "0.40.3", "react-native-image-pan-zoom": "^2.1.12", "react-native-image-zoom-viewer": "^3.0.1", "react-native-keyboard-aware-scroll-view": "^0.9.5", "react-native-linear-gradient": "^2.8.3", "react-native-maps": "^1.15.1", "react-native-modal-datetime-picker": "^17.1.0", "react-native-permissions": "^4.1.5", "react-native-ratings": "^8.1.0", "react-native-reanimated": "3.7.1", "react-native-safe-area-context": "^4.10.1", "react-native-screens": "^3.31.1", "react-native-splash-screen": "^3.3.0", "react-native-svg": "^15.2.0", "react-native-toast-message": "^2.2.0", "react-native-view-shot": "^3.8.0", "react-redux": "^9.1.1", "redux-logger": "^3.0.6", "redux-persist": "^6.0.0", "redux-saga": "^1.3.0", "url-polyfill": "^1.1.12" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.74.81", "@react-native/eslint-config": "0.74.81", "@react-native/metro-config": "0.74.81", "@react-native/typescript-config": "0.74.81", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "@types/redux-logger": "^3.0.13", "babel-jest": "^29.6.3", "babel-plugin-module-resolver": "^5.0.2", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.2.0", "typescript": "5.0.4" }, "engines": { "node": ">=18" } }

here is my babel.config.js

module.exports = { presets: ["module:@react-native/babel-preset"],

plugins: [ [ "module-resolver", { root: ["./src"], extensions: [".ios.js", ".android.js", ".js", ".ts", ".tsx", ".json"], alias: { "@": "./src", tests: ["./tests/"], "@Component": "./src/Component", "@ReduxStore": "./src/ReduxStore", "@Navigation": "./src/Navigation", "@Hooks": "./src/Hooks", "@Assets": "./src/Assets", "@Pages": "./src/Pages", "@Services": "./src/Services", "@Utils": "./src/Utils", }, }, ], ["react-native-reanimated/plugin", { relativeSourceLocation: true }], ], };

Steps to reproduce

1.Install the node_modules. 2.build the app and launch it

Reanimated version

3.10.1

React Native version

0.74

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native

Architecture

Paper (Old Architecture)

Build type

Debug app & dev bundle

Device

Real device

Device model

Redmi note 11

Acknowledgements

Yes

github-actions[bot] commented 1 week ago

Hey! 👋

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

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

github-actions[bot] commented 1 week ago

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.

software-mansion / react-native-reanimated