TypeScript error with React plugin on v7.3.0

Hello,

I would like to report the new following TypeScript error following update to @bugsnag/js@7.3.0 and @bugsnag/plugin-react@7.3.0:

import React from 'react';
import Bugsnag from '@bugsnag/js';
import BugsnagPluginReact from '@bugsnag/plugin-react';

export const bugsnagClient = Bugsnag.createClient({
  // ... rest of config omitted for simplicity
  plugins: [new BugsnagPluginReact(React)],
  // 		^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Property 'load' is missing in type 'BugsnagPluginReact' but required in type 'Plugin'.ts(2741)
});

Seems to be a regression in the types definition introduced in the internal refactors made for the 7.3.0 release.

[imjoehaines]

Hey @kamthamc, I’ve been investigating this and it’s a slightly different problem to the original issue. When using Yarn berry and Plug’n’Play, @bugsnag/react-native isn’t getting a copy of @bugsnag/core which it needs to resolve the types

We moved away from explicit dependencies on @bugsnag/core in our plugins because it causes a different Typescript issue when core is updated separately to a plugin (see https://github.com/bugsnag/bugsnag-js/issues/997)

I’m still investigating what we can do to make bugsnag-js work out of the box with Yarn berry, but one of these workarounds should fix the error in the meantime:

• add pnpMode: loose to .yarnrc.yml
• or add an explicit dependency on @bugsnag/core (i.e. run yarn add @bugsnag/core)

[kamthamc]

@mattdyoung I have created a repo https://github.com/kamthamc/demo-bugsnag-js

Note: I am using yarn berry

If you want to use with vscode please run yarn dlx @yarnpkg/pnpify --sdk vscode

you can simply run yarn start to see the error.

Property 'load' is missing in type 'BugsnagPluginReact' but required in type 'Plugin'.  TS2741

    10 | export const bugsnagClient = Bugsnag.createClient({
    11 |   // ... rest of config omitted for simplicity
  > 12 |   plugins: [new BugsnagPluginReact(React)],
       |             ^
    13 | });
    14 |
    15 | ReactDOM.render(