Not able to import and use 'httpClientIntegration' from @sentry/integrations

[tejas6995]

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/vue

SDK Version

7.111.0

Framework Version

Vue 2.7.15

Link to Sentry event

NA

SDK Setup

import * as Sentry from '@sentry/vue'
import { httpClientIntegration } from '@sentry/integrations'

Sentry.init({
    Vue,
    dsn: process.env.VUE_APP_SENTRY_DSN,
    environment: process.env.VUE_APP_SENTRY_ENVIRONMENT,
    release: `v${process.env.VUE_APP_VERSION}`,
    integrations: [

        Sentry.browserTracingIntegration(),
        Sentry.replayIntegration({
            maskAllText: false,
            blockAllMedia: false,
        }),
        httpClientIntegration()
    ],
    attachStacktrace: true,
    autoSessionTracking: true,
    tracesSampleRate: 1.0, 
    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1.0, 
})

Steps to Reproduce

1. Import 'httpClientIntegration' from @sentry/integrations
2. Add it in Sentry integrations

Expected Result

It should be imported properly and should work as mentioned in docs

Actual Result

It seems the it is not exported properly from @sentry/integrations
Sentry stops working when I add 'httpClientIntegration' to integrations array.
Intellisense doen't work on this imported package and doesn't take you to type definitions file if 'cmd + click' (Mac) on @sentry/integrations

[mydea]

Hello,

can you verify that you have v7.111.0 of @sentry/integrations installed? You need to ensure that you have the same version of @sentry/integrations & @sentry/vue installed at all times. (FWIW we recognize that this is not ideal, so in v8 (which is currently out as 8.0.0-beta.2) this is no longer needed, but you'll be able to import httpClientIntegration directly from @sentry/vue)

[tejas6995]

Yes. I have same versions installed for both

"@sentry/integrations": "^7.111.0",
"@sentry/vue": "^7.111.0",

[mydea]

This should def. work then! I have just tried this in an app using vue & integrations with these versions and everthing works as expected. Can you delete your node_modules and possibly your lockfile, or run e.g. yarn why @sentry/integrations to ensure everything is actually up to date? The only way I could see this happening is if you'd have an outdated version of the package from before this method was added there.

[tejas6995]

Deleted node_modules and lock file. Still same issue.
VSCode doesn't recognise this package import, doesn't auto suggest its params and doesn't take me to types files