Typescript - BrowserOptions type doesn't contain dsn property

[mikecousins]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other:

Version:

5.1.1

Description

I'm getting a Typescript error when trying to init Sentry.

[luki86]

Try Sentry.init({dsn} as Sentry.BrowserOptions);

[Sirius-A]

Same issue here on 5.4.3.

@luki86 casting does not help as the BrowserOptions does not have a dsn property. See

sentry-javascript/packages/browser/src/backend.ts

Line 22 in 4d60369

export interface BrowserOptions extends Options {

[luki86]

For me this works:

import { BrowserOptions, init } from '@sentry/browser';
...
const config: BrowserOptions = {
    dsn: REACT_APP_SENTRY_DSN,
    ...
};
init(config);
...

[kamilogorek]

@Sirius-A it does. https://github.com/getsentry/sentry-javascript/blob/master/packages/types/src/options.ts#L25

It's most likely due to some misconfiguration of typescript compiler. I'll close this issue, however, feel free to post the repro-case and I'll be more than happy to reopen it and fix if there's something broken :)

[huliyou]

TS2559: Type '{ dsn: string; }' has no properties in common with type 'BrowserOptions'.
I got same issue on ^5.5.0

[kamilogorek]

Can you post come repro TS config that I could use to debug this?

[icy0307]

Can you post come repro TS config that I could use to debug this?

I had the same problem, the original tsconfig was
{ "compilerOptions": { "outDir": "./dist/", "noImplicitAny": true, "module": "es6", "target": "es5", "jsx": "react", "allowJs": true, } }
After I changed "moduleResolution" to node, it works