[BUG] Type 'ReactPlugin' is not assignable to type 'ITelemetryPlugin'

A type error similar to issue https://github.com/microsoft/ApplicationInsights-JS/issues/1324 has appeared in the latest versions: Type 'ReactPlugin' is not assignable to type 'ITelemetryPlugin'.

Versions:

• @microsoft/applicationinsights-react-js v3.4.0
• @microsoft/applicationinsights-web v2.8.9

Here’s the simplified example from my next.js app:

import { ReactPlugin } from '@microsoft/applicationinsights-react-js';
import {
  ApplicationInsights,
  ITelemetryPlugin,
} from '@microsoft/applicationinsights-web';

const appInsights = new ApplicationInsights({
  config: {
    connectionString: `InstrumentationKey=${process.env.AZURE_INSTURMENTATION_KEY};IngestionEndpoint=https://switzerlandnorth-0.in.applicationinsights.azure.com/;LiveEndpoint=https://switzerlandnorth.livediagnostics.monitor.azure.com/`,
    enableAutoRouteTracking: true,
    extensions: [new ReactPlugin()], // <- error happens here
  },
});

[KuSh]

Which versions of typescript are you all using?

Tested with 4.6.2 and 4.9.4. I can’t share my package.json and lock as is. I’ll try to find a minimal reproduction case.

[slavanga]

@MSNev Changing the settings skipLibCheck and isolatedModules has no effect. I’m using the latest typescript version (v4.9.4).