feat(tracing): Do not create interactions if navigation or pageload transaction active (#7614)

Co-authored-by: Francesco Novy <francesco.novy@sentry.io>
Co-authored-by: Abhijeet Prasad <aprasad@sentry.io>

Author: 3 people

packages/tracing-internal/src/browser/browsertracing.ts

@@ -1,6 +1,12 @@
 /* eslint-disable max-lines */
 import type { Hub, IdleTransaction } from '@sentry/core';
-import { addTracingExtensions, extractTraceparentData, startIdleTransaction, TRACING_DEFAULTS } from '@sentry/core';
+import {
+  addTracingExtensions,
+  extractTraceparentData,
+  getActiveTransaction,
+  startIdleTransaction,
+  TRACING_DEFAULTS,
+} from '@sentry/core';
 import type { EventProcessor, Integration, Transaction, TransactionContext, TransactionSource } from '@sentry/types';
 import { baggageHeaderToDynamicSamplingContext, getDomElement, logger } from '@sentry/utils';
 
@@ -327,8 +333,17 @@ export class BrowserTracing implements Integration {
     let inflightInteractionTransaction: IdleTransaction | undefined;
     const registerInteractionTransaction = (): void => {
       const { idleTimeout, finalTimeout, heartbeatInterval } = this.options;
-
       const op = 'ui.action.click';
+
+      const currentTransaction = getActiveTransaction();
+      if (currentTransaction && currentTransaction.op && ['navigation', 'pageload'].includes(currentTransaction.op)) {
+        __DEBUG_BUILD__ &&
+          logger.warn(
+            `[Tracing] Did not create ${op} transaction because a pageload or navigation transaction is in progress.`,
+          );
+        return undefined;
+      }
+
       if (inflightInteractionTransaction) {
         inflightInteractionTransaction.setFinishReason('interactionInterrupted');
         inflightInteractionTransaction.finish();