HttpClient integration does not capture Axios requests

[hckhanh]

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? If you use the CDN bundles, please specify the exact bundle (e.g. bundle.tracing.min.js) in your SDK setup.

@sentry/react

SDK Version

7.45.0

Framework Version

React 18.2

Link to Sentry event

No response

SDK Setup

import {
  ErrorBoundary,
  Replay,
  init as initSentry,
  Integrations,
} from '@sentry/react'
import { BrowserTracing } from '@sentry/tracing'
import {
  HttpClient as HttpClientIntegration,
  Debug as DebugIntegration,
} from '@sentry/integrations'

initSentry({
  dsn: __SENTRY_DSN__,
  release: __SENTRY_RELEASE__,
  dist: __SENTRY_DIST__,
  environment: import.meta.env.MODE,

  // debug: true,
  enabled: true,
  integrations: [
    new BrowserTracing(),
    // new Integrations.
    new Replay({
      maskAllText: false,
      maskAllInputs: false,
      blockAllMedia: false,
    }),
    new HttpClientIntegration({
      // failedRequestStatusCodes: [401],
      // failedRequestTargets: ['http://localhost:3005'],
    }),
    new DebugIntegration({
      // // trigger DevTools debugger instead of using console.log
      // debugger: true,
      // // stringify event before passing it to console.log
      // stringify: boolean;
    }),
  ],

  tracesSampleRate: 1,
  replaysSessionSampleRate: 1,
  replaysOnErrorSampleRate: 1,
})

Steps to Reproduce

When I add HttpClient, it cannot report XHR request. I am using Axios v1

Expected Result

it will report XHR requests

Actual Result

It don't report any XHR requests. Even though the exception pointed directly to _wrapXHR function of Sentry

[mydea]

Hello,

thanks for writing in!
I can reproduce that this does not seem to be working with axios. I would guess it's because of order of monkey patching things, or similar. I wrote a reproduction where you can see it failing: edaa015

Backlogging this for now, as we have a lot of stuff on our plates. PRs are welcome if anybody got time to work on this before!

[jacob-mako]

Given the popularity of axios it would be nice to see this fixed.... We're using axios in a pretty vanilla fashion (modulo some use of interceptors) and it appears pretty broken

[mydea]

Hey,

we have merged a fix for this, which will go out with the next release! Thanks again for reporting this.

[mydea]

Just FYI, we have released 7.47.0 which should fix this issue!