[Question/Bug] Can't report Transactions on multiple instances with different DSNs

[mitzafon-wix]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases
• Provide a link to the affected event from your Sentry account

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other: @sentry/react

Version:

@sentry/browser: 6.15.0
@sentry/react: 6.15.0

Description

My client consists of a platform with a global Sentry (using Sentry.init) and micro services that each has its own Sentry Hub with a different DSN (using new Sentry.Hub).

When I try and use transactions, I see that only the global Sentry can send transactions, and all of my micro services transactions reporting are "failing silently" (I don't see any request on the Network Tab).

I also tried to reproduce it on the same app and I encountered the issue.
Is it by design? Can I make it work somehow?

// App.ts

import * as Sentry from '@sentry/react'; // tried with @sentry/browser as well

Sentry.init({
  dsn: 'XXXXXXXXXXXXXXXX',
  integrations: [
    new Integrations.BrowserTracing(),
  ],

  // for the sake of debugging
  tracesSampleRate: 1.0,
  beforeSend(event) {
     // some unrelated logic
     return event;
  },
});

This component reports transactions for the global/main Sentry:

// AmazingComponent.ts
import * as Sentry from '@sentry/react';

const transaction = Sentry.startTransaction({ name: 'shopCheckout' });
console.log('After transaction start, before finish');
transaction.finish(); // Reports this transaction!

This component doesn't reports transactions for the a Sentry Hub:

// CoolComponent.ts
import * as Sentry from '@sentry/react';

const newHub = new Sentry.Hub(
      new Sentry.BrowserClient({
        dsn: 'YYYYYYYYYYYYYYYYY', // different DSN than the Sentry.init one
        integrations: [
          new Integrations.BrowserTracing(),
        ],
      }),
    );

const newHubTransaction = newHub.startTransaction({
    name: 'InnerTransaction',
});

console.log('After Hub transaction start, before finish');
newHubTransaction.finish(); // nothing is reported to Sentry

P.S

I can report exceptions via the Hub (i.e using newHub.captureException(...) is being reported successfully).

P.S 2 🎮 😉

I don't think a solution involving makeMain each time I want to report a transaction is valid, because I have many micro services that can report at the same time...

[AbhiPrasad]

This component doesn't reports transactions for the a Sentry Hub:

Could you turn on debug mode and post the logs here?

const newHub = new Sentry.Hub(
  new Sentry.BrowserClient({
    debug: true, // use debug mode
    dsn: 'YYYYYYYYYYYYYYYYY', // different DSN than the Sentry.init one
    integrations: [
      new Integrations.BrowserTracing(),
    ],
  }),
);

BrowserTracing would not work with multiple hubs, this is a known issue. See https://github.com/getsentry/sentry-javascript/issues?q=is%3Aopen+is%3Aissue+label%3A%22Feature%3A+Multiple+hubs%2Fclients%22

[mitzafon-wix]

BrowserTracing would not work with multiple hubs, this is a known issue. See https://github.com/getsentry/sentry-javascript/issues?q=is%3Aopen+is%3Aissue+label%3A%22Feature%3A+Multiple+hubs%2Fclients%22

@AbhiPrasad - Without setting BrowserTracing integration, manual Transactions don't work at all...
You're saying I need to use BrowserTracing only on the Sentry.init?
Further more, can I not use BrowserTracing at all and just report Transactions on my own?

Could you turn on debug mode and post the logs here?

Added it, I don't see any logs what so ever..
I tried adding it to the Sentry.init one and I do see logs for the shopCheckout Transaction.

Sentry Logger [Log]: Integration installed: InboundFilters
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: FunctionToString
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: TryCatch
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: Breadcrumbs
logger.js?b6a1:62 Sentry Logger [Log]: Global Handler attached: onerror
logger.js?b6a1:62 Sentry Logger [Log]: Global Handler attached: onunhandledrejection
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: GlobalHandlers
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: LinkedErrors
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: Dedupe
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: UserAgent
logger.js?b6a1:75 Sentry Logger [Warn]: [Tracing] You need to define `tracingOrigins` in the options. Set an array of urls or patterns to trace.
logger.js?b6a1:75 Sentry Logger [Warn]: [Tracing] We added a reasonable default for you: localhost,/^\//
logger.js?b6a1:62 Sentry Logger [Log]: Integration installed: BrowserTracing
logger.js?b6a1:75 Sentry Logger [Warn]: Discarded session because of missing or non-string release
logger.js?b6a1:62 Sentry Logger [Log]: [Measurements] Adding FID
logger.js?b6a1:62 Sentry Logger [Log]: [Measurements] Adding LCP
logger.js?b6a1:62 Sentry Logger [Log]: [Tracing] starting undefined transaction - shopCheckout
logger.js?b6a1:62 Sentry Logger [Log]: [Tracing] Finishing undefined transaction: shopCheckout.
logger.js?b6a1:62 Sentry Logger [Log]: [Tracing] Discarding transaction because its trace was not chosen to be sampled.
logger.js?b6a1:62 Sentry Logger [Log]: Adding outcome: transaction:sample_rate
logger.js?b6a1:62 Sentry Logger [Log]: [Measurements] Adding CLS
logger.js?b6a1:62 Sentry Logger [Log]: Flushing outcomes:
{
  "transaction:sample_rate": 1
}

[mitzafon-wix]

@AbhiPrasad - ?

[github-actions]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[mitzafon-wix]

@AbhiPrasad - do you have any insights?

[galElmalah]

+1 on this issue.