Crash Reporting for React Native apps

[ranyefet]

Hello,

My name is Ran Yefet, Developer @ http://yes.no
For last 4 months I've been working on our iOS app using React Native (so far it's been great)

We plan to launch soon and we're looking for crash reporting tool.

My first try was Crashlytics, but it only caught Objective-C crashes without any JavaScript crashes.
Also opened a question on stack overflow still waiting for answer.

Next, I tried HockeyApp, I've integrated their SDK and I do see crashes from JavaScript, but the data related to the crash is only useful for Objective-C but not JavaScript so no stack trace, no JS error that was thrown basically not very helpful/useful.
Their response is that either React Native team will provide hooks to get that data or to build something custom.

I found Sentry but their React Native plugin is experimental and not ready for production.

At the current state, I can't find a tool that will solve my problem.

Dear React Native community,

1. How do you monitor your apps on production?
2. What tools do you use to catch crashes?
3. Can anybody help with Integrating one of these tools with React Native? or Provide guidance on how to solve it?

Thanks,
Ran.

[facebook-github-bot]

Hey ranyefet, thanks for reporting this issue!

React Native, as you've probably heard, is getting really popular and truth is we're getting a bit overwhelmed by the activity surrounding it. There are just too many issues for us to manage properly.

• If you don't know how to do something or something is not working as you expect but not sure it's a bug, please ask on StackOverflow with the tag react-native or for more real time interactions, ask on Discord in the #react-native channel.
• If this is a feature request or a bug that you would like to be fixed, please report it on Product Pains. It has a ranking feature that lets us focus on the most important issues the community is experiencing.
• We welcome clear issues and PRs that are ready for in-depth discussion. Please provide screenshots where appropriate and always mention the version of React Native you're using. Thank you for your contributions!

[corbt]

I agree that this is a great question, and one that I'm wondering about as well. However, Github issues work best when they're saved for actionable problems, not general questions. I think the best place to have this discussion for the moment is probably on Stack Overflow, where you've also posted.

[ranyefet]

I agree that It should be on Stack Overflow but I wanted to see if React Native team / community is planing to expose some API or have better tools to easily support this use case.

[ranyefet]

Related issue #1194

[MuruganDurai]

@ranyefet hey can you please share some samples or examples to configure sentry for android? Thanks a ton for your help.

[ranyefet]

@MuruganDurai well I actually only did that for iOS app. but I think it should be similar.
I follow the instructions here:
https://docs.getsentry.com/hosted/clients/javascript/integrations/react-native/

[MuruganDurai]

@ranyefet thanks for quick reply, Yeah I too followed the same but dont know which Raven.js to be used for this code
Raven
.config('https://456456456456456dfgdfgee56dfgdf@app.getsentry.com/er5434', { release: RELEASE_ID })
.install();

[ranyefet]

In my app I created a file in app/utils/raven.js
and I require it at the start of index.ios.js:

if(!__DEV__) {
    var Raven = require('./app/utils/raven');
}

raven.js file looks like:

// Sentry Integration
var Raven = require('raven-js');
require('raven-js/plugins/react-native')(Raven);

Raven
  .config('https://456456456456456dfgdfgee56dfgdf@app.getsentry.com/er5434', { release: RELEASE_ID })
  .install();

export default Raven;

[MuruganDurai]

@ranyefet Thanks a ton. Will try & let you know and in the mean time I configured crashlytics too..

[crockpotveggies]

Any luck on using Raven here? I'm not getting global crash reports at all :/ Raven is reporting errors that I explicitly attempt to catch, but anything that causes the app to crash & close is not reported. Do I need to add a global handler via ErrorUtils?

[faceyspacey]

does getSentry capture native crashes or do you basically have to setup both getSentry and something like Crashlytics? My app has no custom native modules of its own, but when developing I do receive native crashes with a completely objective C stack trace. In addition to the getSentry source-map-aware javascript crash reports, I would like to have reports for these types of crashes as well and the type where the app instantly shuts down. Does Crashlytics even capture that sort of stuff?

Anyone have an ideal setup going for React Native crash reporting?

[mikelambert]

Crashlytics by default only does "real" errors (ie Swift/ObjC/Java), and doesn't catch any JS errors. So if you want the "type where the app instantly shuts down", Crashlytics should be good for you.

I have managed to set up JS crash reporting in my app, to push to both Crashlytics as well as TrackJS. (Haven't tried Sentry or Raven.) I haven't published it all up nice and proper yet, but both work for me now (for my yet-to-be-published react rewrite of my app).

If you're curious to do what I'm doing for Crashlytics:

1. https://github.com/corymsmith/react-native-fabric (which has my recent pull request that may not have been published to NPM yet)
2. https://github.com/mikelambert/react-native-fabric-crashlytics - what traps errors and sends them in to crashlytics
   (They will then show up as Non-Fatal Exceptions within the Crashlytics UI)

Or if you prefer TrackJS:
https://github.com/mikelambert/react-native-trackjs - what wraps the trackjs library, with some semi-major hacks (creating a dummy 'document', in particular, being the one most likely to cause issues), to publish to their server. though the trackjs team is now looking to make it possible to do this with less hackery.

I haven't published react-native-fabric-crashlytics or react-native-trackjs to NPM yet (my laptop died and is in the apple repair all week), so would have to point at my github for now, or just wait a week or so.

[mikelambert]

FYI, published as:
https://www.npmjs.com/package/react-native-fabric-crashlytics
https://www.npmjs.com/package/react-native-trackjs