RNCSafeAreaProvider breaking on run time on ios while upgrading to RN 0.72.17

[profaddy]

While upgrading from rn-0.70.15 -> rn-0.72.17 getting below attached issue

Unhandled JS Exception: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

This error is located at:
    in RNCSafeAreaProvider
    in Unknown
    in c
    in RCTView
    in Unknown
    in Portal.Host
    in Unknown
    in f
    in Z
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in l, js engine: hermes

Tried to update the react-native-safe-area-context to 3.3.2 ,4.7.4 and also >=4.5.3 <4.8 as suggested by align-deps but nothing worked.

package.json

[jrahme-softimpact]

@profaddy did u find a solution ?

[jacobp100]

Are you using new arch?

[jrahme-softimpact]

@jacobp100 we are creating a react native tvos project following this repo https://github.com/react-native-tvos/react-native-tvos.
On android we are adding +newArchEnabled=false as oer the repo and we are able ro run the project and produce aok.
On mac we are trying to run the app on simulator but we are getting a red screen check screenshot

[antonioduran]

Hello...Good morning...Any news on this?

I am getting the same unimplemented component RNCSafeAreaProvider issue I have the following specs:

{ "name": "Player", "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": { "@react-navigation/native": "^7.0.14", "@react-navigation/native-stack": "^7.2.0", "formik": "^2.4.6", "react": "18.3.1", "react-native": "0.76.5", "react-native-reanimated": "^3.16.6", "react-native-safe-area-context": "^5.0.0", "react-native-screens": "^4.4.0", "react-native-vector-icons": "^10.2.0", "yup": "^1.6.1" }, "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.76.5", "@react-native/eslint-config": "0.76.5", "@react-native/metro-config": "0.76.5", "@react-native/typescript-config": "0.76.5", "@tsconfig/react-native": "^3.0.5", "@types/react": "^18.2.6", "@types/react-native-vector-icons": "^6.4.18", "@types/react-test-renderer": "^18.0.0", "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.3.1", "typescript": "^5.7.2" }, "engines": { "node": ">=18" } }

[jacobp100]

@antonioduran your issue sounds different

As for the reported issue - I’m not sure why you’re getting undefined for any of the components. Are you sure they’re imported with the right names? A component being undefined is most likely a JS issue, so you don’t need to dig into native code