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

Author: alwx

packages/core/src/js/tracing/timetodisplay.tsx

@@ -62,17 +62,6 @@ function TimeToDisplay(props: {
   parentSpanId?: string;
 }): React.ReactElement {
   const RNSentryOnDrawReporter = getRNSentryOnDrawReporter();
-  const isNewArchitecture = isTurboModuleEnabled();
-
-  if (__DEV__ && (isNewArchitecture || (!nativeComponentExists && !nativeComponentMissingLogged))){
-    nativeComponentMissingLogged = true;
-    // Using setTimeout with a delay of 0 milliseconds to defer execution and avoid printing the React stack trace.
-    setTimeout(() => {
-      logger.warn(
-          'TimeToInitialDisplay and TimeToFullDisplay are not supported on the web, Expo Go and New Architecture. Run native build or report an issue at https://github.com/getsentry/sentry-react-native');
-    }, 0);
-  }
-
   return (
     <>
       <RNSentryOnDrawReporter

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

@@ -2,21 +2,20 @@ 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 { 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
-      </Text>
+      <Sentry.TimeToInitialDisplay record={true}>
+        <Text>
+          WebView is disabled due to incompatibilities with the React Native
+          version 0.79.2
+        </Text>
+      </Sentry.TimeToInitialDisplay>
     </View>
   );
 };