aws-amplify / aws-amplify/docs
requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.
- Dominant language
- MDX
- Stars
- 506
- Forks
- 1.1k
- Avg merge
- 3h 14m
- Merged PRs (30d)
- 1
Description
### Before creating a new issue, please confirm:
- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-ui/issues?q=is%3Aissue+) and [discussions](https://github.com/aws-amplify/amplify-ui/discussions).
- [X] I have tried disabling all browser extensions or using a different browser
- [X] I have tried deleting the node_modules folder and reinstalling my dependencies
- [X] I have read the guide for [submitting bug reports](https://github.com/aws-amplify/amplify-ui/blob/main/CONTRIBUTING.md#bug-reports).
### On which framework/platform are you having an issue?
React Native
### Which UI component?
Authenticator
### How is your app built?
expo
### What browsers are you seeing the problem on?
iOS (React Native)
### Which region are you seeing the problem in?
_No response_
### Please describe your bug.
This error message indicates that the React Native application is trying to use a component called "RNCSafeAreaProvider" but it cannot find this component in the UIManager. This is an invariant violation, which means that the application has encountered a situation where its assumptions about the state of the UI are not being met.
### What's the expected behaviour?
Expected behaviour is to display Authenticator flow provided by amplify-ui.
### Help us reproduce the bug!
https://docs.amplify.aws/react-native/start/getting-started/introduction/ Follow the tutorial from the docs.
### Code Snippet
_No response_
### Console log output
```
ERROR Invariant Violation: requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.
This error is located at:
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by Authenticator)
in Authenticator (created by WrappedWithAuthenticator)
in AuthenticatorProvider (created by WrappedWithAuthenticator)
in WrappedWithAuthenticator (created by withDevTools(WrappedWithAuthenticator))
in withDevTools(WrappedWithAuthenticator)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent), js engine: hermes
ERROR Invariant Violation: requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.
This error is located at:
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by Authenticator)
in Authenticator (created by WrappedWithAuthenticator)
in AuthenticatorProvider (created by WrappedWithAuthenticator)
in WrappedWithAuthenticator (created by withDevTools(WrappedWithAuthenticator))
in withDevTools(WrappedWithAuthenticator)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent), js engine: hermes
```
### Additional information and screenshots
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.