NEW State of Mobile App Quality: What We Learned from Analyzing 100 Million Bugs 🔍 See the Report

Bug and Crash Reporting SDK for React Native

Receive in-app feedback from your users and let Instabug collect
all the details you need to debug and fix faster!

See Integration Steps

Comprehensive React Native Bug Reports

Spot bugs related to server side requests

Instabug automatically captures all network requests in your react native app so that you can spot any bugs related to server-side issues.

Get all the steps to reproduce the bug

Testers' and users' steps will be automatically captured with all the views they interacted with so that you can reproduce and fix bugs more efficiently.

Report bugs from your mobile application

Native and JavaScript Crash Reporter

See native and JavaScript crash stack trace

Instabug will tell you exactly which line of code caused the crash and help you differentiate between Javascript and native iOS or Android code.

Know the crash severity

Instead of being lost between thousands of crash reports, Instabug prioritizes crashes for you by calculating its severity through multiple factors such as frequency, recency, and size of impacted users so you can prioritize your work.

Super detailed bug reports

Steps to Get Started

  1. Open the command line and navigate to your React Native directory. Then, run the following command.

    npm install instabug-reactnative
  2. Link the bridging files in the npm package to the ios project by running the following command. Make sure you have Ruby installed before running this last command.

    react-native link instabug-reactnative
  3. To start using Instabug, import it into your "index.ios.js” and "index.android.js" file. Starting from React Native version 0.49 you can import Instabug in your App.js only.

    import Instabug from 'instabug-reactnative';
  4. iOS Configuration

    Then initialize it in the constructor or componentWillMount

    Instabug.startWithToken( "your_app_token_here", Instabug.invocationEvent.shake);
  5. Android Configuration

    Open "android/app/src/main/java/[...]/MainApplication.java", locate the getPackages method, and add your app token which you will get upon signup.

    @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new RNInstabugReactnativePackage.Builder("your_app_token_here", MainApplication.this) .setInvocationEvent("shake") .build() }
The easy shake-for-feedback has meant that all our dogfooders feel comfortable filing bugs. And best of all with screenshots, annotations, and descriptions the bug reports that we're getting are consistently high quality and actionable.
Jeff Harris

PM at Nextdoor