@sentry/sveltekit gives me the error: "An error occurred on the client side: TypeError: Cannot read properties of undefined (reading 'getIntegrationById')"

[alexbjorlig]

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

SDK Version

7.54.0

Framework Version

1.20.1

Link to Sentry event

No response

SDK Setup

hooks.client.ts

Sentry.init({
        dsn: config.sentryDsn,
        integrations: [new Sentry.Integrations.Breadcrumbs({ console: false })],
        tracesSampleRate: 0.01,
        release: revision
})

hooks.server.ts

Sentry.init({
        dsn: config2().sentry.dsn,
        environment: config2().sentry.environment,
        release: process.env['VERCEL_GIT_COMMIT_SHA'],
})

Steps to Reproduce

When running my applications e2e test with playwright, I get this error:

An error occurred on the client side: TypeError: Cannot read properties of undefined (reading 'getIntegrationById')
    at instrumentSvelteKitFetch (http://localhost:5100/node_modules/.vite/deps/@sentry_sveltekit.js?v=8db7b1bd:15107:44)
    at Object.apply (http://localhost:5100/node_modules/.vite/deps/@sentry_sveltekit.js?v=8db7b1bd:15086:16)
    at load_node (http://localhost:5100/@fs/Users/alexbjorlig/Documents/eddystone/node_modules/@sveltejs/kit/src/runtime/client/client.js?v=8db7b1bd:525:40)
    at async Promise.all (index 2)
    at async Object._hydrate (http://localhost:5100/@fs/Users/alexbjorlig/Documents/eddystone/node_modules/@sveltejs/kit/src/runtime/client/client.js?v=8db7b1bd:1753:20)
    at async Module.start (http://localhost:5100/@fs/Users/alexbjorlig/Documents/eddystone/node_modules/@sveltejs/kit/src/runtime/client/start.js:22:3) {url: URL, params: Object, route: Object}

Expected Result

No issues with import * as Sentry from '@sentry/sveltekit';

Actual Result

The error An error occurred on the client side: TypeError: Cannot read properties of undefined (reading 'getIntegrationById')

[lforst]

Hey, can you check (in your lockfile) that all your sentry dependencies are on the same version? Thanks!

[madeleineostoja]

I'm also seeing this — I'm working in a monorepo using pnpm, I only have @sentry/sveltekit@^7.56.0 installed, and my lockfile says that is indeed the version that's installed everywhere. However it has some deps that are resolving to 7.48.0, namely @sentry/bundler-plugin-core@0.6.0 is pulling in @sentry/tracing@7.48.0, which in turn pulls in core, types, utils, all at 7.48.0. I can share my whole lockfile if that helps.

This is a prod-breaking issue for me that I only got when upgrading all my deps so some insight or further debugging steps would be wonderful.

[Lms24]

Hi @alexbjorlig and @madeleineostoja, thanks for reporting this. We missed a crucial edge case here - namely the client being undefined. I opened #8381 to fix this.