Current Screen Name is empty in sentry replay

[gajrajgchouhan]

What React Native libraries do you use?

React Native without Frameworks

Are you using sentry.io or on-premise?

sentry.io (SaS)

@sentry/react-native SDK Version

7.7.0

How do i fill the current screen name? If I am navigating to a screen in the app, it would be helpful to search it in replay.

I am talking about the transparent bar on the left of the android OS icon on the top.

[linear]

RN-494

[alwx]

Hello, @gajrajgchouhan! I assume you use React Navigation, right?

It's hard to say what could be the reason with very little details provided but I would suggest you to try the following:

1. Make sure both reactNativeTracingIntegration() and reactNavigationIntegration() work together. The navigation integration calls tracing.setCurrentRoute(routeName) which sets the view_names in the app context.
2. Make sure the navigation is used like that:

  import { NavigationContainer, NavigationContainerRef } from '@react-navigation/native';

  function App() {
    const navigation = React.useRef<NavigationContainerRef<{}>>(null);

    return (
      <NavigationContainer
        ref={navigation}
        onReady={() => {
          // This is required to track screen names!
          reactNavigationIntegration.registerNavigationContainer(navigation);
        }}>
        {/* Your screens */}
      </NavigationContainer>
    );
  }

Please let me know if any of that is helpful in your case.