HttpContext integration not capturing user-agent when using direct client.

[rodolfoBee]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/browser

SDK Version

8.27.0

Framework Version

No response

Link to Sentry event

No response

Reproduction Example/SDK Setup

No response

Steps to Reproduce

1. Configure a direct client:

const integrations = getDefaultIntegrations({}).filter(defaultIntegration => {
  return !['BrowserApiErrors', 'Breadcrumbs', 'GlobalHandlers'].includes(
    defaultIntegration.name
  );
});

const client = new BrowserClient({
  dsn: '...',
  transport: makeFetchTransport,
  stackParser: defaultStackParser,
  integrations: [integrations],
});

const scope = new Scope();
scope.setClient(client);
client.init(); // initializing has to be done after setting the client on the scope

scope.captureException(new Error('client init'));

2. Initialise the SDK normally in another project:

Sentry.init({
    dsn:"...",
});

Sentry.captureException(new Error("normal init"))

3. Send a test event on each case

Expected Result

Both events have the user-agent associated with it allowing the Sentry server to identify the browser and OS.

Actual Result

Only the event from the normal init contains the user-agent. I can see in the manual client that the HttpContext integration responsible for adding the user agent is enabled in the client.

[Lms24]

Took me quite a while to spot this but there's a small error in the options passed to new BrowserClient:

  const client = new BrowserClient({
    dsn: '...',
    transport: makeFetchTransport,
    stackParser: defaultStackParser,
-   integrations: [integrations],
+   integrations: integrations,
  });

I had a reproduction in which prior to fixing the integrations option i didn't get any values in event.request and afterwards, user-agent was correctly sent.

Explanation: Our SDK doesn't handle nested arrays of integrations. Integrations must always be passed as a flat array. Therefore none of the passed integrations were initialized. This probably wasn't spotted elsewhere because the error was captured explicitly via scope.captureException. However, given no integrations were working, catching an uncaught error wouldn't work either.

Please let me know if this fixes the customer issue, then I'll close this one as well :)

[rodolfoBee]

That works, thank you @Lms24