[BUG] ClickAnalytics throwing errors in console

[cadriel]

Having installed the latest applicationinsights-web and applicationinsights-clickanalytics-js packages, errors are occurring in the console.

caught TypeError: Cannot read properties of undefined (reading 'core')

Packages and versions installed are;

    "@microsoft/applicationinsights-clickanalytics-js": "^3.0.1",
    "@microsoft/applicationinsights-web": "^3.0.1",

And a snippet of how I'm installing is;

export const appInsightsPlugin = {
  install: (app: App, opts: AppInsightsOptions) => {
    const clickPluginInstance = new ClickAnalyticsPlugin()
    const clickPluginConfig = {
      autoCapture: true
    }

    const appInsightsConfig = {
      ...opts.config,
      extensions: [clickPluginInstance],
      extensionConfig: {
        [clickPluginInstance.identifier]: clickPluginConfig
      }
    }

    const appInsights = new ApplicationInsights({
      config: appInsightsConfig
    })

    appInsights.loadAppInsights()
    appInsightsPlugin.setupPageTracking(opts, app)
...

This is a Vue3 project - and Application Insights seems to run ok when loading without the Click Plugin.

If this is a mis-configuration - I'd expect an error indicating so, or something else to go on. :)

[antondrozd]

Having same issue in React project

[MSNev]

The trackPageView action of the PageAction class is referencing a non-existent _self._clickAnalyticsPlugin.core.track(event);

Actually, the above is incorrect as this exists as a protected property from the base Class WebEvent and the core is set on the ClientAnalyticsPlugin object during initialization as part of it's base class BaseTelemetryPlugin....

The stack trace is indicating that the _self._clickAnalyticsPlugin is undefined, which it should never be once it's initialized...

[MSNev]

Ok, I believe I found the issue and it's caused by the new onConfigChange callback when a configuration items is changed which indirectly then causes a new _pageAction instance to be created which is passed this, however, the this won't necessarily be the ClickAnalyticsPlugin instace -- it should be _self

[antondrozd]

@MSNev Is it known when the release with the fix will happen?

[MSNev]

I don't have a date yet, but it will be in the next few weeks (if not before), once released to npm we remove the fixed - waiting release label

[MSNev]

I just checked the nightly automated release pipeline and it did publish a pre-release version with the tag of "nightly3" so you could use that in the short term to pre-validate that the fix is working for you (and there is not something else).

The nightly builds are not supported for production they are provided as a pre-testing only as each night when there are any changes checked in a new release is automatically created.