Electron with Angular cannot init

[MikeJerred]

• Review the documentation: https://docs.sentry.io/platforms/javascript/electron/
• Search for existing issues: https://github.com/getsentry/sentry-electron/issues
• Use the latest release: https://github.com/getsentry/sentry-electron/releases
• Provide a link to the affected event from your Sentry account

Versions + Platform

• SDK version - @sentry/electron@v4.1.0
• Electron version - electron@v19.0.14
• Platform - Windows

Description

Using:

"@angular/core": "^14.2.1",
"@sentry/angular": "^7.17.3",
"@sentry/electron": "^4.1.0",

When I import like this:

import { init as sentryAngularInit} from '@sentry/angular';
import { init as sentryInit } from '@sentry/electron/renderer';

sentryInit({ dsn: '...' }, sentryAngularInit);

I get a type error:

Argument of type '(options: import("d:/dev/projects/glint/angular/node_modules/@sentry/browser/types/client").BrowserOptions) => void' is not assignable to parameter of type '(options: import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/browser/types/client").BrowserOptions) => void'.
  Types of parameters 'options' and 'options' are incompatible.
    Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/browser/types/client").BrowserOptions' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/browser/types/client").BrowserOptions'.
      Types of property 'defaultIntegrations' are incompatible.
        Type 'false | import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/integration").Integration[] | undefined' is not assignable to type 'false | import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/integration").Integration[] | undefined'.
          Type 'Integration[]' is not assignable to type 'false | Integration[] | undefined'.
            Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/integration").Integration[]' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/integration").Integration[]'.
              Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/integration").Integration' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/integration").Integration'.
                Types of property 'setupOnce' are incompatible.
                  Type '(addGlobalEventProcessor: (callback: import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/eventprocessor").EventProcessor) => void, getCurrentHub: () => import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/hub").Hub) => v...' is not assignable to type '(addGlobalEventProcessor: (callback: import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/eventprocessor").EventProcessor) => void, getCurrentHub: () => import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/hub").Hub) => void'.
                    Types of parameters 'addGlobalEventProcessor' and 'addGlobalEventProcessor' are incompatible.
                      Types of parameters 'callback' and 'callback' are incompatible.
                        Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/eventprocessor").EventProcessor' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/eventprocessor").EventProcessor'.
                          Types of parameters 'hint' and 'hint' are incompatible.
                            Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/event").EventHint' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/event").EventHint'.
                              Types of property 'captureContext' are incompatible.
                                Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").CaptureContext | undefined' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").CaptureContext | undefined'.
                                  Type 'Scope' is not assignable to type 'CaptureContext | undefined'.
                                    Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").Scope' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").Scope'.
                                      Types of property 'update' are incompatible.
                                        Type '(captureContext?: import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").CaptureContext | undefined) => import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").Scope' is not assignable to type '(captureContext?: import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").CaptureContext | undefined) => import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").Scope'.
                                          Types of parameters 'captureContext' and 'captureContext' are incompatible.
                                            Type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").CaptureContext | undefined' is not assignable to type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").CaptureContext | undefined'.
                                              Type 'Scope' is not assignable to type 'CaptureContext | undefined'.
                                                Property 'setSDKProcessingMetadata' is missing in type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/electron/node_modules/@sentry/types/types/scope").Scope' but required in type 'import("d:/dev/projects/glint/angular/node_modules/@sentry/types/types/scope").Scope'.ts(2345)

[MikeJerred]

Workaround is to specify these versions in package.json:

"@sentry/angular": "7.16.0",
"@sentry/electron": "4.1.0",

[timfish]

Yes, you need to use versions that match the ones used by the Electron SDK.

I need to find a way to give a more useful error message in this case 🤔