set up a global error handler in React Native (expo)

By: Zoe in React-Native Tutorials on 2023-05-16

Note: It's generally recommended to handle promise rejections at their source and provide appropriate error handling within your code, rather than relying on a global error handler.

But if you would like to setup a global error handler in your expo project so that you do not wish to see the errors/warnings in your simulator but show them in the console instead, you can do as below.

import { LogBox } from 'react-native';

// Ignore specific warning messages related to unhandled promise rejections
LogBox.ignoreLogs(['Possible Unhandled Promise Rejection']);

// Handle unhandled promise rejections globally
const handlePromiseRejection = (error) => {
  console.error('Unhandled promise rejection:', error);
};

// Attach the global promise rejection handler
if (typeof global !== 'undefined' && global.process && global.process.on) {
  global.process.on('unhandledRejection', handlePromiseRejection);
}

// ... Rest of your code

Add this code in your app.js (or your index.js).

In this approach, we're using the LogBox component from react-native to ignore specific warning messages related to unhandled promise rejections. Then, we define a function handlePromiseRejection to handle the unhandled promise rejections.

We attach the global promise rejection handler using the process.on('unhandledRejection', ...) method. However, please note that this method is only available in certain JavaScript engines (such as V8), so it may not work in all environments.

Previous
<< SafeAreaView in React Native

Next
Start background location tracking after login in expo react native >>