Repository navigation
@sentry/sveltekit gives me the error: "An error occurred on the client side: TypeError: Cannot read properties of undefined (reading 'getIntegrationById')" #8290
Description
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')
Activity
lforst commentedon Jun 6, 2023
Hey, can you check (in your lockfile) that all your sentry dependencies are on the same version? Thanks!
madeleineostoja commentedon Jun 22, 2023
I'm also seeing this — I'm working in a monorepo using
pnpm, I only have@sentry/sveltekit@^7.56.0installed, and my lockfile says that is indeed the version that's installed everywhere. However it has some deps that are resolving to7.48.0, namely@sentry/bundler-plugin-core@0.6.0is pulling in@sentry/tracing@7.48.0, which in turn pulls in core, types, utils, all at7.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 commentedon Jun 22, 2023
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.
fix(sveltekit): Only instrument SvelteKit `fetch` if the SDK client i…
Amy-B-Tradition commentedon Jan 25, 2024
Looking at the Javascript code, there doesn't even seem to be a getIntegrationById. Instead, there's a getIntegrationByName
Lms24 commentedon Jan 26, 2024
Hey @Amy-B-Tradition please open a new issue if you're experiencing a problem. This one's quite old by now and we're changing some things within the SDK for our upcoming major.
Amy-B-Tradition commentedon Jan 26, 2024
I resolved the issue by storing the replay instance I created in Redux. Not the best solution, but since your documentation on how to get the replay instance from anywhere was incorrect it seemed the best choice. I've resolved the issue for myself, but other users may benefit if you fix your docs. Because I'm "on the clock" and the issue is resolved, I am not going to open an issue for you.