Mobile React Native: Troubleshoot crashes and JS errors in UI


This document explains how to use the New Relic Mobile UI to analyze crashes and JavaScript errors in mobile apps monitored by Mobile React Native.

This feature is in beta, which means some UI components will not display data. More functionality will continue to be added.

Analyze crashes

The Mobile UI makes it easy for you to troubleshoot crashes and JavaScript errors. The Overview UI page shows how many crashes have occurred over a specific timeframe.

mobile-extensible-overview.png > (select a mobile app) > Overview: The overview shows you important performance data from your React Native app. Note: this feature is in beta, which means some UI components may not contain data (such as the lower right chart in this example).

To get more detail about these crashes, use either of these options:

  • Click the Crashes chart title on the Overview page.
  • Go to Crash analysis in the left navigation menu.

The Crash analysis page appears. Here you can see your crashes grouped by crash location.

Mobile Extensible agent: Crash analysis > (select a mobile app) > Crash analysis: From here you can analyze trends leading to the crash, examine stack trace details, share the data, and resolve the crash. Note: this feature is in beta, which means some UI components may not contain data (such as the upper right charts in this example).

The Crash analysis page contains more detail about your types of crashes and specific crash events. To change what crashes appear:

  • Change the grouping.
  • Search for or filter by a specific crash.

To find more detail about a specific crash, select a type of crash under Crash types (located below the charts). Here you can use the Stack trace to understand what occurred before the crash and the Event trail to see what events led to the crash. You'll also find custom attributes and events to give you information about users and devices.

For more information about getting the most out of the Mobile UI, see the crash analysis documentation.

Analyze JavaScript errors

The JavaScript errors UI page gives you access to un-minified JavaScript errors.

Mobile Extensible agent: JS errors summary > (select a mobile app) > JavaScript errors: Use this page to group or filter un-minified JS errors, then examine how many app users and versions were affected, and when and where the JS errors occurred. To drill down even further, click a specific JS error.

Just as with crashes, your JS errors are grouped by location. For more information, you can:

  • Change the grouping, search, or filter by a specific crash.
  • Drill into a specific location to see the stack trace and a full list of attributes.
Mobile Extensible agent: JS errors trail > (select a mobile app) > JavaScript errors > (select a JS error): This example shows some of the data you can explore for a specific JS error, including occurrences by version, handled exceptions, and stack trace details. You can also use the default and custom attributes to query and visualize the data.

Data retention

Data retention policies are the same as for other New Relic Mobile data retention levels.

For more help

During the public beta, we welcome your questions and comments through the React Native beta discussion board in New Relic's Explorers Hub. Support requests also will be routed there.