@sentry/react-native 6.0.0-alpha.0

on Node.js Yarn

This is an alpha version of the next major version of the Sentry React Native SDK 6.0.0.
Please read the changes listed below as well as the changes made in the underlying
Sentry Javascript SDK 8.0.0 (JS Docs).

Changes

• Removed deprecated ReactNativeTracing option idleTimeout use idleTimeoutMs instead (#3998)

• Removed deprecated ReactNativeTracing option maxTransactionDuration use finalTimeoutMs instead (#3998)

• Removed beforeNavigate use beforeStartSpan instead (#3998)

  • beforeStartSpan is executed before the span start, compared to beforeNavigate which was executed before the navigation ended (after the span was created)

• New Native Frames Integration (#3996)

• New Stall Tracking Integration (#3997)

• New User Interaction Tracing Integration (#3999)

• New App Start Integration (#3852)

  By default app start spans are attached to the first created transaction.
  Standalone mode creates single root span (transaction) including only app start data.

  import Sentry from '@sentry/react-native';
  
  Sentry.init({
    tracesSampleRate: 1.0,
    enableAppStartTracking: true, // default true
    enableNativeFramesTracking: true, // default true
    enableStallTracking: true, // default true
    enableUserInteractionTracing: true, // default false
    integrations: [
      Sentry.reactNativeTracingIntegration({
        beforeStartSpan: (startSpanOptions) => {
          startSpanOptions.name = 'New Name';
          return startSpanOptions;
        },
      }),
      Sentry.appStartIntegration({
        standalone: false, // default false
      }),
    ],
  });

• New React Navigation Integration interface (#4003)

  import Sentry from '@sentry/react-native';
  import { NavigationContainer } from '@react-navigation/native';
  
  const reactNavigationIntegration = Sentry.reactNavigationIntegration();
  
  Sentry.init({
    tracesSampleRate: 1.0,
    integrations: [reactNavigationIntegration],
  });
  
  function RootComponent() {
    const navigation = React.useRef(null);
  
    return <NavigationContainer ref={navigation}
      onReady={() => {
        reactNavigationIntegration.registerNavigationContainer(navigation);
      }}>
    </NavigationContainer>;
  }

• New React Native Navigation Integration interface (#4003)

  import Sentry from '@sentry/react-native';
  import { Navigation } from 'react-native-navigation';
  
  Sentry.init({
    tracesSampleRate: 1.0,
    integrations: [
      Sentry.reactNativeNavigationIntegration({ navigation: Navigation })
    ],
  });

• Add spotlight option (#4023)

  • Deprecating enableSpotlight and spotlightSidecarUrl

Dependencies

• Bump JavaScript SDK from v7.118.0 to v8.11.0 (#3910)
  • changelog
  • diff