Rendering a Fallback Component

You can customise the screen showed to the user once an error happens with the FallbackComponent property.

Import the ErrorBoundary component:

import ErrorBoundary from 'react-native-error-boundary'

Then, wrap it around any component that could throw an error providing the FallbackComponent property:

const CustomFallback = (props: { error: Error, resetError: Function }) => (
  <View>
    <Text>Something happened!</Text>
    <Text>{props.error.toString()}</Text>
    <Button onPress={props.resetError} title={'Try again'} />
  </View>
)

const App = () => (
  <ErrorBoundary FallbackComponent={CustomFallback}>
    <ChildrenThatCouldThrowEror></ChildrenThatCouldThrowEror>
  </ErrorBoundary>
)

When using this property, you're in fully in control over the error experience for the users.

Demo