improvement(newArch): Time To Initial Display / Time To Full Display implemented via Fabric components

Author: alwx

samples/react-native/android/app/src/main/java/io/sentry/reactnative/sample/MainApplication.kt

@@ -54,7 +54,7 @@ class MainApplication :
         SentryAndroid.init(this) { options ->
             // Only options set here will apply to the Android SDK
             // Options from JS are not passed to the Android SDK when initialized manually
-            options.dsn = "https://1df17bd4e543fdb31351dee1768bb679@o447951.ingest.sentry.io/5428561"
+            options.dsn = "https://b61d95875971558bec7d1730e24dfe85@o4509786567475200.ingest.de.sentry.io/4509830878724176"
             options.isDebug = true
 
             options.beforeSend =

samples/react-native/ios/sentryreactnativesample/AppDelegate.mm

@@ -28,7 +28,7 @@ - (void)initializeSentry
     [SentrySDK startWithConfigureOptions:^(SentryOptions *options) {
         // Only options set here will apply to the iOS SDK
         // Options from JS are not passed to the iOS SDK when initialized manually
-        options.dsn = @"https://1df17bd4e543fdb31351dee1768bb679@o447951.ingest.sentry.io/5428561";
+        options.dsn = @"https://b61d95875971558bec7d1730e24dfe85@o4509786567475200.ingest.de.sentry.io/4509830878724176";
         options.debug = YES; // Enabled debug when first installing is always helpful
 
         options.beforeSend = ^SentryEvent *(SentryEvent *event)

samples/react-native/src/App.tsx

@@ -52,9 +52,9 @@ const isMobileOs = Platform.OS === 'android' || Platform.OS === 'ios';
 
 const reactNavigationIntegration = Sentry.reactNavigationIntegration({
   routeChangeTimeoutMs: 500, // How long it will wait for the route change to complete. Default is 1000ms
-  enableTimeToInitialDisplay: isMobileOs,
+  //enableTimeToInitialDisplay: isMobileOs,
   ignoreEmptyBackNavigationTransactions: false,
-  enableTimeToInitialDisplayForPreloadedRoutes: true,
+  //enableTimeToInitialDisplayForPreloadedRoutes: true,
   useDispatchedActionData: true,
 });
 

samples/react-native/src/Screens/WebviewScreen.tsx

@@ -1,15 +1,18 @@
 import * as React from 'react';
+import * as Sentry from '@sentry/react-native';
 import { StyleSheet, View } from 'react-native';
 import { Text } from 'react-native-gesture-handler';
-// import { WebView } from 'react-native-webview';
+import { isTurboModuleEnabled } from '@sentry/react-native/dist/js/utils/environment';
 
 const WebviewScreen = () => {
+  console.log('ALWX IS TURBO MODULES ENABLED: ' + isTurboModuleEnabled());
   return (
     // <WebView
     //   source={{ uri: 'https://sentry.io' }}
     //   style={styles.webview}
     // />
     <View style={styles.webview}>
+      <Sentry.TimeToInitialDisplay record={true} />
       <Text>
         WebView is disabled due to incompatibilities with the React Native
         version 0.79.2

samples/react-native/src/dsn.ts

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/react-native';
 
 export const SENTRY_INTERNAL_DSN =
-  'https://1df17bd4e543fdb31351dee1768bb679@o447951.ingest.sentry.io/5428561';
+  'https://b61d95875971558bec7d1730e24dfe85@o4509786567475200.ingest.de.sentry.io/4509830878724176';
 
 export const getCurrentDsn = () => {
   return Sentry.getCurrentHub().getClient()?.getOptions().dsn;