getsentry/sentry-react-native 5.20.0

on GitHub

Features

• Automatic tracing of time to initial display for react-navigation (#3588)

  When enabled the instrumentation will create TTID spans and measurements.
  The TTID timestamp represent moment when the react-navigation screen
  was rendered by the native code.

  const routingInstrumentation = new Sentry.ReactNavigationInstrumentation({
    enableTimeToInitialDisplay: true,
  });
  
  Sentry.init({
    integrations: [new Sentry.ReactNativeTracing({routingInstrumentation})],
  });

• Tracing of full display using manual API (#3654)

  In combination with the react-navigation automatic instrumentation you can record when
  the application screen is fully rendered.

  For more examples and manual time to initial display see the documentation.

  function Example() {
    const [loaded] = React.useState(false);
  
    return <View>
      <Sentry.TimeToFullDisplay record={loaded}>
        <Text>Example content</Text>
      </Sentry.TimeToFullDisplay>
    </View>;
  }

Fixes

• Allow custom sentryUrl for Expo updates source maps uploads (#3664)
• Missing Mobile Vitals (slow, frozen frames) when ActiveSpan (Transaction) is trimmed at the end (#3684)