fix(core): Fix initial span and orphaned span handling with useDispatchedActionData

Two fixes based on PR review feedback:

1. Allow setup/programmatic calls (no event) to create the initial
   navigation span even when useDispatchedActionData is enabled. The
   early return for actions without payload.name now checks that an
   event exists, so afterAllSetup and registerNavigationContainer
   still work correctly.

2. Pass the actual span name to ignoreEmptyRouteChangeTransactions
   instead of the hardcoded default. This ensures orphaned spans
   created with a dispatched route name are still discarded when
   the state listener is never called.

Author: alwx

packages/core/src/js/tracing/reactnavigation.ts

@@ -379,7 +379,7 @@ export const reactNavigationIntegration = ({
 
     // Extract route name from dispatch action payload when available
     const dispatchedRouteName = useDispatchedActionData ? getRouteNameFromAction(event) : undefined;
-    if (useDispatchedActionData && !dispatchedRouteName && !isAppRestart) {
+    if (useDispatchedActionData && event && !dispatchedRouteName && !isAppRestart) {
       debug.log(`${INTEGRATION_NAME} Navigation action has no route name in payload, not starting navigation span.`);
       return;
     }
@@ -409,12 +409,8 @@ export const reactNavigationIntegration = ({
     }
     // Always discard transactions that never receive route information
     const spanToCheck = latestNavigationSpan;
-    ignoreEmptyRouteChangeTransactions(
-      getClient(),
-      spanToCheck,
-      DEFAULT_NAVIGATION_SPAN_NAME,
-      () => latestNavigationSpan === spanToCheck,
-    );
+    const spanName = finalSpanOptions.name ?? DEFAULT_NAVIGATION_SPAN_NAME;
+    ignoreEmptyRouteChangeTransactions(getClient(), spanToCheck, spanName, () => latestNavigationSpan === spanToCheck);
 
     if (enableTimeToInitialDisplay && latestNavigationSpan) {
       NATIVE.setActiveSpanId(latestNavigationSpan.spanContext().spanId);

packages/core/test/tracing/reactnavigation.test.ts

@@ -1058,6 +1058,52 @@ describe('ReactNavigationInstrumentation', () => {
 
       expect(client.event?.transaction).toBe('TabScreen');
     });
+
+    test('cancelled navigation with dispatched route name is discarded', async () => {
+      mockNavigation.emitWithoutStateChange({
+        data: {
+          action: {
+            type: 'NAVIGATE',
+            payload: { name: 'OrphanedScreen' },
+          },
+          noop: false,
+          stack: undefined,
+        },
+      });
+      jest.runOnlyPendingTimers(); // Trigger the timeout
+
+      await client.flush();
+
+      expect(client.event).toBeUndefined();
+    });
+
+    test('initial navigation span is created during setup', async () => {
+      // Reset and create fresh client to test initial span
+      const rNavigation = reactNavigationIntegration({
+        routeChangeTimeoutMs: 200,
+        useDispatchedActionData: true,
+      });
+      const freshMockNavigation = createMockNavigationAndAttachTo(rNavigation);
+
+      const rnTracing = reactNativeTracingIntegration();
+      const options = getDefaultTestClientOptions({
+        enableNativeFramesTracking: false,
+        enableStallTracking: false,
+        tracesSampleRate: 1.0,
+        integrations: [rNavigation, rnTracing],
+        enableAppStartTracking: false,
+      });
+      const freshClient = new TestClient(options);
+      setCurrentClient(freshClient);
+      freshClient.init();
+
+      jest.runOnlyPendingTimers(); // Flush the initial navigation span
+
+      await freshClient.flush();
+
+      // Initial span should be created with 'Initial Screen' from the mock container
+      expect(freshClient.event?.transaction).toBe('Initial Screen');
+    });
   });
 
   describe('useDispatchedActionData disabled (default) still uses generic span name', () => {