Typeerror: cannot read property 'style' of undefined, js engine: hermes

[gkasireddy202]

Environment

System:
OS: macOS 15.3
CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
Memory: 52.68 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 21.7.3
path: /usr/local/bin/node
Yarn: Not Found
npm:
version: 10.5.0
path: /usr/local/bin/npm
Watchman:
version: 2023.03.13.00
path: /usr/local/bin/watchman
Managers:
CocoaPods:
version: 1.14.3
path: /Users/gopi/.rvm/gems/ruby-2.7.6/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.2
- iOS 18.2
- macOS 15.2
- tvOS 18.2
- visionOS 2.2
- watchOS 11.2
Android SDK:
API Levels:
- "23"
- "24"
- "25"
- "26"
- "27"
- "28"
- "29"
- "30"
- "31"
- "32"
- "33"
- "34"
Build Tools:
- 29.0.2
- 30.0.3
- 33.0.1
- 34.0.0
System Images:
- android-29 | Google APIs Intel x86 Atom
- android-29 | Google Play Intel x86 Atom
- android-30 | Google APIs Intel x86 Atom
- android-32 | Google APIs Intel x86 Atom_64
- android-32 | Google Play Intel x86 Atom_64
- android-33 | Google APIs Intel x86 Atom_64
- android-33 | Google Play Intel x86 Atom_64
Android NDK: Not Found
IDEs:
Android Studio: Not Found
Xcode:
version: 16.2/16C5032a
path: /usr/bin/xcodebuild
Languages:
Java:
version: 18.0.2.1
path: /Library/Java/JavaVirtualMachines/jdk-18.0.2.1.jdk/Contents/Home/bin/javac
Ruby:
version: 2.7.6
path: /Users/gopi/.rvm/rubies/ruby-2.7.6/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.1
wanted: 15.0.1
react:
installed: 19.0.0
wanted: 19.0.0
react-native:
installed: 0.78.0
wanted: 0.78.0
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: Not found
newArchEnabled: Not found
iOS:
hermesEnabled: Not found
newArchEnabled: false

Things I’ve done to figure out my issue

I'm upgrading my app from 0.73.11 to 0.78.0. The app is successfully built in iOS and getting the below error.

[Runtime not ready]: Typeerror: cannot read property 'style' of undefined, js engine: hermes

Upgrading version

0.78.0

Description

I'm upgrading my app from 0.73.11 to 0.78.0. The app is successfully built in iOS and getting the below error.

[Runtime not ready]: Typeerror: cannot read property 'style' of undefined, js engine: hermes

Reproducible demo

I'm upgrading my app from 0.73.11 to 0.78.0. The app is successfully built in iOS and getting the below error.

[Runtime not ready]: Typeerror: cannot read property 'style' of undefined, js engine: hermes

[GoldAndLink]

I'm having the exact same issue

[gkasireddy202]

This issue is happening in react-native-material-dropdown.

[francis1999]

infact im tired. i have been facing this issue since 3 days now. and i do not even know where the isse is coming from.

see a my dependencies here

{
"name": "afroshipper_mobiles",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"lint": "eslint .",
"start": "react-native start",
"test": "jest"
},
"dependencies": {
"@d11/react-native-fast-image": "^8.9.2",
"@react-native-async-storage/async-storage": "^2.1.2",
"@react-native-community/checkbox": "^0.5.17",
"@react-native-community/clipboard": "^1.5.1",
"@react-native-community/datetimepicker": "^8.3.0",
"@react-native-community/netinfo": "^11.4.1",
"@react-native-google-signin/google-signin": "^13.2.0",
"@react-native-picker/picker": "^2.11.0",
"@react-navigation/bottom-tabs": "^7.2.1",
"@react-navigation/drawer": "^7.1.2",
"@react-navigation/native": "^7.0.15",
"@react-navigation/native-stack": "^7.2.1",
"@reduxjs/toolkit": "^2.6.1",
"axios": "^1.8.2",
"cloudinary": "^2.6.0",
"moment": "^2.30.1",
"nativewind": "^4.1.23",
"react": "19.0.0",
"react-native": "0.78.0",
"react-native-biometrics": "^3.0.1",
"react-native-bottomsheet-reanimated": "^0.3.1",
"react-native-camera": "^4.2.1",
"react-native-check-box": "^2.1.7",
"react-native-collapsible": "^1.6.2",
"react-native-config": "^1.5.5",
"react-native-country-picker-modal": "^2.0.0",
"react-native-date-picker": "^5.0.10",
"react-native-datepicker": "^1.7.2",
"react-native-document-picker": "^9.3.1",
"react-native-dropdown-country-picker": "^1.0.11",
"react-native-elements": "^3.4.3",
"react-native-fast-image": "^8.6.3",
"react-native-geocoding": "^0.5.0",
"react-native-gesture-handler": "^2.24.0",
"react-native-google-places-autocomplete": "^2.5.7",
"react-native-image-crop-picker": "^0.42.0",
"react-native-image-picker": "^8.2.0",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-keychain": "^9.2.3",
"react-native-loading-spinner-overlay": "^3.0.1",
"react-native-maps": "^1.20.1",
"react-native-mask-text": "^0.14.2",
"react-native-modal": "^14.0.0-rc.0",
"react-native-otp-textinput": "^1.1.6",
"react-native-pager-view": "^6.7.0",
"react-native-paper": "^5.13.1",
"react-native-picker-select": "^9.3.1",
"react-native-reanimated": "^3.17.1",
"react-native-root-siblings": "^5.0.1",
"react-native-root-toast": "^3.6.0",
"react-native-safe-area-context": "^5.3.0",
"react-native-screens": "^4.9.1",
"react-native-searchable-dropdown": "^1.1.3",
"react-native-smooth-pincode-input": "^1.0.9",
"react-native-swiper": "^1.6.0",
"react-native-tab-view": "^4.0.5",
"react-native-vector-icons": "^10.2.0",
"react-native-version-check": "^3.4.7",
"react-native-vision-camera": "^4.6.4",
"react-native-webview": "^13.13.4",
"react-redux": "^9.2.0",
"reanimated-bottom-sheet": "^1.0.0-alpha.22",
"redux-persist": "^6.0.0",
"swr": "^2.3.3"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "15.0.1",
"@react-native-community/cli-platform-android": "15.0.1",
"@react-native-community/cli-platform-ios": "15.0.1",
"@react-native/babel-preset": "0.78.0",
"@react-native/eslint-config": "0.78.0",
"@react-native/metro-config": "0.78.0",
"@react-native/typescript-config": "0.78.0",
"@types/jest": "^29.5.13",
"@types/react": "^19.0.0",
"@types/react-test-renderer": "^19.0.0",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-native-dotenv": "^3.4.11",
"react-native-svg-transformer": "^1.5.0",
"react-test-renderer": "19.0.0",
"tailwindcss": "^3.4.17",
"typescript": "5.0.4"
},
"engines": {
"node": ">=18"
}
}

[vivek-sharma-sws]

I upgraded my project from React Native 0.63 to 0.78.1 and am now stuck on the same issue. If anyone has found a solution, please help!

[gkasireddy202]

@vivek-sharma-sws - I faced this issue due to react-native-material-dropdown

[vivek-sharma-sws]

@gkasireddy202 Yes, I've viewed your comment and removed the react-native-material-dropdown library, reinstalled node modules, and cleaned the cache before reinstalling the pods, but I'm still facing the same issue. Should I share my package.json file for clarification?

[gkasireddy202]

@vivek-sharma-sws - You have to debug the issue.

1. Please import the one-by package in the first screen of your app, and please comment the remaining screens navigation.

[zinalundhad]

any solution?

[VickyA371]

A few days ago, I upgraded my React Native version from 0.73 to 0.78.1 and encountered the same issue.

In my case, I discovered that some libraries were using ComponentName.propTypes.style. Since propTypes is no longer available, the code was attempting to access the style property from propTypes, which caused the app to crash.

I found that two third-party packages in my project were using this approach:

• "react-native-snap-carousel": "^3.9.1"
• "react-native-highlight-words": "^1.0.1"

These packages may differ in your case.

[zinalundhad]

I'm not using react-native-snap-carousel;
I'm using react-native-material-dropdown-v2.

[VickyA371]

in your VS code, search for .propTypes.style for whole project directory