I'm working on a React Native project, and I'm facing the following error when running my app for ios.
ERROR TypeError: _$$_REQUIRE(_dependencyMap[3], "(...)helpers/objectWithoutProperties") is not a function (it is Object)
This error is located at:
in MaskedView (created by HeaderBackButton)
in RCTView (created by View)
in View (created by Pressable)
in Pressable (created by Pressable)
in Unknown (created by PlatformPressable)
in PlatformPressable (created by HeaderButton)
in HeaderButton (created by HeaderBackButton)
in HeaderBackButton (created by Header)
in RCTView (created by View)
...
in BttSdkExample(RootComponent), js engine: hermes
What I’ve Tried So Far:
Resetting Metro Bundler Cache:
npx react-native start --reset-cache
Reinstalling dependencies:
rm -rf node_modules package-lock.json yarn.lock
npm install
Reinstalling Pods
cd ios && pod install --repo-update && cd ..
Ensuring the latest Babel runtime is installed
npm install @babel/runtime@latest
Project Setup & Dependencies:
Environment:
React Native Version: 0.72.9
Navigation Library: @react-navigation/[email protected]
Platform: iOS / Android / Both
Dependencies
"dependencies": {
"@react-navigation/bottom-tabs": "^7.2.0",
"@react-navigation/drawer": "^7.1.1",
"@react-navigation/native": "^7.0.14",
"@react-navigation/stack": "^7.1.1",
"axios": "^1.7.9",
"react": "18.2.0",
"react-native": "^0.72.9",
"react-native-gesture-handler": "^2.9.0",
"react-native-safe-area-context": "^4.5.0",
"react-native-screens": "^4.1.0",
"react-native-vector-icons": "^10.2.0",
"rn-fetch-blob": "^0.12.0"
},
"devDependencies": {
"@babel/core": "^7.22.15",
"@babel/preset-env": "^7.22.15",
"@babel/runtime": "^7.22.15",
"@react-native/metro-config": "^0.72.11",
"babel-plugin-module-resolver": "^5.0.0",
"metro-react-native-babel-preset": "^0.76.9",
"watchman": "^1.0.0"
}
Questions:
What could be causing objectWithoutProperties to be imported as an object instead of a function?
Is there a known issue with Hermes or Babel that could trigger this?
Could this be a problem with a specific library
(e.g., react-navigation)
, and how do I debug it?Is this issue because of any dependancies issue
react native screens