React Native

Features:

• Automatic Native Crash Error Tracking (using both sentry-cocoa & sentry-android)
• Offline storage of events
• Events enriched with device data
• Autolinking
• Breadcrumbs created for outgoing http request with XHR and Fetch; UI and system events; and console logs
• Release Health tracks crash free users and sessions
• Performance Monitoring creates transactions automatically for React Navigation v4 and above; creates spans automatically for XHR and Fetch
• Under the hood the SDK relies on our JavaScript SDK, which makes all functions available for JavaScript also available in this SDK
• On Device symbolication for JavaScript (in Debug)
• RAM bundle support
• Hermes support
• Expo support

Add the @sentry/react-native dependency:

npm install --save @sentry/react-native

Expo

If you are using Expo, see How to Add Sentry to Your Expo Project. This SDK works for both managed and bare projects.

Linking

Link the SDK to your native projects to enable native crash reporting.

react-native link @sentry/react-native

Execute the Sentry Wizard.

npx @sentry/wizard -i reactNative -p ios android

cd ios
pod install

The call to the Sentry Wizard will patch your project accordingly, though you can link manually if you prefer. You need to do this only once, then the created files can go into your version control system.

The following changes will be performed by Sentry Wizard:

• add the sentry-android package for native crash reporting on Android
• add the sentry-cocoa package for native crash reporting on iOS
• enable the Sentry Gradle build step for Android
• patch MainApplication.java for Android
• configure Sentry for the supplied DSN in your index.js/App.js files
• store build credentials in ios/sentry.properties and android/sentry.properties.

iOS Specifics

When you use Xcode, you can hook directly into the build process to upload debug symbols and source maps. However, if you are using bitcode, you will need to disable the “Upload Debug Symbols to Sentry” build phase and then separately upload debug symbols from iTunes Connect to Sentry.

Android Specifics

For Android, we hook into Gradle for the source map build process. When you run react-native link, the Gradle files are automatically updated. When you run ./gradlew assembleRelease or ./gradlew bundleRelease, source maps are automatically built and uploaded to Sentry.

If you have enabled Gradle's org.gradle.configureondemand feature, you'll need a clean build, or you'll need to disable this feature to upload the source map on every build.

To disable this feature, set org.gradle.configureondemand=false or remove it as its default value is disabled, do this in the gradle.properties file.

Initialize

To initialize the SDK, you need to call:

import * as Sentry from "@sentry/react-native";

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
});

Once this is done, all unhandled exceptions will be automatically captured by Sentry. You can also perform the following optional steps:

Wrap Your App

Wrap your app with Sentry to automatically instrument it with touch event tracking and automatic performance monitoring:

export default Sentry.wrap(App);

Enable Performance Monitoring

Learn how to enable Sentry's performance monitoring in your SDK to help you track your application performance, measuring metrics like throughput and latency.

Ensure Promise Rejection Handling is Active

Due to an issue with React Native's dependencies, unhandled promise rejections might not be correctly caught by Sentry. If the rejection handling is not active, our SDK might issue a warning:

WARN: Unhandled promise rejections might not be caught by Sentry. Read about how to fix this on our troubleshooting docs.

Visit our troubleshooting section to read on how to make sure promise rejection handling is active.

throw new Error("My first Sentry error!");

Or, try a native crash:

Sentry.nativeCrash();