How to report different errors in React Native application?

Question

Is there a solution for reporting different errors in React Native application (iOS and Android) as a global handler?

I am interested in following cases:

Unhandled rejections
Unhandled exceptions
Errors on the native side

By reporting, I mean sending them to some third-party service where you can track errors.

Possible duplicate of how to catch uncaught exception (globally) in react native — gyzerok
– gyzerok, Commented Feb 14, 2017 at 15:23

Akhilesh Mourya · Accepted Answer · 2017-02-14 13:08:15Z

3

In RN there is a ErrorUtils global handler, that handle uncaught and caught exceptions for your RN JS layer. You can use this to set a handler like:

if (ErrorUtils._globalHandler) {
            instance.defaultHandler = ErrorUtils.getGlobalHandler && ErrorUtils.getGlobalHandler() || ErrorUtils._globalHandler;
            ErrorUtils.setGlobalHandler(instance.wrapGlobalHandler);  //feed errors directly to our wrapGlobalHandler function
        }

And handler method

async wrapGlobalHandler(error, isFatal){

      const stack = parseErrorStack(error);

     //Add this error locally or send it your remote server here

      //*> Finish activity
      setTimeout (() => {
        instance.defaultHandler(error, isFatal);  //after you're finished, call the defaultHandler so that react-native also gets the error
        if (Platform.OS == 'android') {
          NodeModule.reload()
        }
      }, 1000);
  }

Notice in above code you need to create a node module for android only and write a React Native bridge method there in your ReactContextBaseJavaModule:

@ReactMethod
    public void reload() {
        Activity activity = getCurrentActivityInstance();
        Intent intent = activity.getIntent();
        activity.finish();
        activity.startActivity(intent);
    }

Thanks!

answered Feb 14, 2017 at 13:08

Akhilesh Mourya

6661 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gyzerok Over a year ago

Thanks a lot! Can you please update your response to use ErrorUtils.setGlobalHeader. It appears that it is now the way to go.

Akhilesh Mourya Over a year ago

You can use it in any JS component of your top hierarchy of JS components

Collectives™ on Stack Overflow

How to report different errors in React Native application?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related