ERROR Invariant Violation: requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.

[Ruto]

I'm having a problem with this error when building my application. I'm using Expo Go, and I'm building with expo-dev-client. I am using expo 51. I have rebuild the development build app but the error still persist while in the expo go app it doesn't raise any warnings or errors. When i do a production build it does load any page as expected. I am using "react-native-safe-area-context": "4.10.5" my app screens

I have checked the for conflicts with npm ls react-native-safe-area-context i get
├─┬ @react-navigation/bottom-tabs@6.6.1
│ ├─┬ @react-navigation/elements@1.3.31
│ │ └── react-native-safe-area-context@4.10.5 deduped
│ └── react-native-safe-area-context@4.10.5 deduped
├─┬ @react-navigation/drawer@6.7.2
│ └── react-native-safe-area-context@4.10.5 deduped
├─┬ @react-navigation/native-stack@6.11.0
│ └── react-native-safe-area-context@4.10.5 deduped
├─┬ react-native-elements@3.4.3
│ └── react-native-safe-area-context@4.10.5 deduped
├─┬ react-native-paper@5.12.5
│ └── react-native-safe-area-context@4.10.5 deduped
└── react-native-safe-area-context@4.10.5

here is my package.json file {
"name": "transportapp",
"version": "1.0.2",
"main": "expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web"
},
"dependencies": {
"@expo/vector-icons": "^14.0.2",
"@react-native-async-storage/async-storage": "1.23.1",
"@react-native-community/datetimepicker": "8.0.1",
"@react-native-picker/picker": "2.7.5",
"@react-navigation/bottom-tabs": "^6.6.1",
"@react-navigation/drawer": "^6.7.2",
"@react-navigation/material-top-tabs": "^6.6.14",
"@react-navigation/native": "^6.1.18",
"@react-navigation/native-stack": "^6.11.0",
"@reduxjs/toolkit": "^2.2.7",
"axios": "^1.7.7",
"date-fns": "^3.6.0",
"expo": "~51.0.28",
"expo-dev-client": "~4.0.25",
"expo-status-bar": "~1.12.1",
"expo-updates": "~0.25.24",
"jwt-decode": "^4.0.0",
"react": "18.2.0",
"react-native": "0.74.5",
"react-native-awesome-alerts": "^2.0.0",
"react-native-dialog": "^9.3.0",
"react-native-elements": "^3.4.3",
"react-native-gesture-handler": "~2.16.1",
"react-native-paper": "^5.12.5",
"react-native-reanimated": "~3.10.1",
"react-native-safe-area-context": "4.10.5",
"react-native-screens": "^3.31.1",
"react-native-swipe-list-view": "^3.2.9",
"react-redux": "^9.1.2",
"redux": "^5.0.1",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0"
},
"devDependencies": {
"@babel/core": "^7.20.0"
},
"private": true
}

Kindly help I have been at this issue for a while now without any solution. Please Help

[jacobp100]

I don’t know the expo specifics, but this error means the native code hasn’t been included. Try clearing the caches and rebuilding

[Ruto]

I don’t know the expo specifics, but this error means the native code hasn’t been included. Try clearing the caches and rebuilding

I have cleared the cache several times i have also deleted and reinstalled node_modules several times but the issue persists i even tried installing older versions of react-native-safe-area-context without any success. There are no errors or warnings when i run it on expo go it opens the application as expected but when i open the with the expo-dev-build on --dev-client the above error shows.

[jacobp100]

I don’t use expo, I’d only know how you’d fix this in a native setup. But the error is that the native code hasn’t been loaded

[EstefanoC]

Hello, this is if someone has problem with this yet:

The error as @Ruto said, is seem a simple bug in the installation and compilating, and the way for me solution was delete the /.expo and /android and /node_modules,

Run:

npm i react-native-safe-area-context

(in my case with the version 4.10.5)

And just reinstall all in this order:

npm install
npm run android
npm run start

I hope help someone, sometimes the more ease is the way.