Error integrating sveltekit and capacitor

[KarlChr]

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

sveltekit 8.30.0, capacitor 0.19.0

Framework Version

Sveltekit 2.0.0

Link to Sentry event

No response

Reproduction Example/SDK Setup

import * as SentrySveltekit from '@sentry/sveltekit'
import * as SentryVue from '@sentry/vue'
import * as Sentry from '@sentry/capacitor'

Sentry.init({
  dsn: '',
  dist: "",
  integrations: [],
}, SentrySveltekit.init)
// SentrySveltekit.init shows a type mismatch error
// Whereas SentryVue.init does not

Steps to Reproduce

Run the development server using the above code in hooks.client.ts

Expected Result

Integrating @sentry/capacitor and @sentry/sveltekit

Actual Result

When defining the integrationsarray this error is shown:

Type 'Integration[]' is not assignable to type '((Integration[] | ((integrations: Integration[]) => Integration[])) & (Integration[] | ((integrations: Integration[]) => Integration[]))) | undefined'.
  Type 'Integration[]' is not assignable to type '((integrations: Integration[]) => Integration[]) & Integration[]'.
    Type 'Integration[]' is not assignable to type '(integrations: Integration[]) => Integration[]'.
      Type 'Integration[]' provides no match for the signature '(integrations: Integration[]): Integration[]'.ts(2322)
options.d.ts(274, 5): The expected type comes from property 'integrations' which is declared here on type 'CapacitorOptions & (Options<BaseTransportOptions> | BrowserOptions | NodeOptions)'

if the integration array is removed and the development server is started this error is shown in the browsers console

@sentry_capacitor.js?v=bf718813:25857 Uncaught (in promise) TypeError: addGlobalEventProcessor2 is not a function
    at _SdkInfo.setupOnce (@sentry_capacitor.js?v=bf718813:25857:5)
    at setupIntegration (@sentry_sveltekit.js?v=bf718813:5522:17)
    at @sentry_sveltekit.js?v=bf718813:5503:7
    at Array.forEach (<anonymous>)
    at setupIntegrations (@sentry_sveltekit.js?v=bf718813:5501:16)
    at BrowserClient._setupIntegrations (@sentry_sveltekit.js?v=bf718813:5815:26)
    at BrowserClient.init (@sentry_sveltekit.js?v=bf718813:5722:12)
    at initAndBind (@sentry_sveltekit.js?v=bf718813:6169:10)
    at init (@sentry_sveltekit.js?v=bf718813:10650:18)
    at init2 (@sentry_sveltekit.js?v=bf718813:22858:18)
    at init3 (@sentry_sveltekit.js?v=bf718813:24125:18)
    at Module.init2 (@sentry_capacitor.js?v=bf718813:26137:3)
    at hooks.client.ts:6:8

[nikolovlazar]

+1 on this one. I tried reproducing it and got the same results. Replacing the SvelteKit init with Vue's init works.

[Lms24]

Hey, @sentry/capacitor@0.19.0 still relies on v7 of the JS SDKs. The error you're getting is because the Integration interface of the v8 JS SDKs has breaking changes compared to v7 but the capacitor SDK still uses the v7 types.

You have two options:

• Downgrade the JS SDKs to v7 and give it a try
• Give the capacitor SDK v1.0.0 RC a try which is compatible with v8 JS SDKs.

(fwiw, I never heard of the sveltekit<>capacitor combination before so no guarantees that this works flawlessly)

Let me know if this works for you!

[KarlChr]

With minimal testing it seems like the v1.0.0 RC works as expected with sveltekit. It does however seem to break Spotlightjs (spamming the console until the page breaks) Seems like it only happend with debug: true. I will be able to test this more later, thanks @Lms24 and @nikolovlazar

[Lms24]

Hey, that's great to hear! I'm gonna close this issue for now but please let me know if you encounter other problems! Also, if you think this is more capacitor-related, I'm sure the mobile team appreciates feedback on the new SDK major version over at https://github.com/getsentry/sentry-capacitor