aws-amplify / aws-amplify/docs

requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.

Open
#6,694 1 comment 0 reactions 1 assignee Claimed by @cwomack View on GitHub
amplify/js
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.