[BUG] Using @microsoft/applicationinsights-web on Nextjs' client-side hangs

Description/Screenshot Using Application Insights to track exceptions that happen on the client-side of a Nextjs application hangs when trying to build (npm run build) the web app.

Here’s a quick video that describes better what’s happening:

https://user-images.githubusercontent.com/31862748/136830875-dde287df-3e08-4c2a-81dd-a356b43edb54.mov

Steps to Reproduce

• OS/Browser: macOS 11.6
• SDK Version [e.g. 22]: @microsoft/applicationinsights-web: ^2.7.0
• How you initialized the SDK:

import { ApplicationInsights } from '@microsoft/applicationinsights-web';

const appInsights = new ApplicationInsights({
  config: {
    instrumentationKey: process.env.NEXT_PUBLIC_APPINSIGHTS_INSTRUMENTATIONKEY,
    autoTrackPageVisitTime: true,
  },
});
appInsights.loadAppInsights();

export default appInsights;

Expected behavior Nextjs web app should build without a problem while using application insights.

[MSNev]

Yes, loadAppInsights() is effectively the client side initialization. Without calling this the SDK (on the client side) is not running / listening / initialized.

[MSNev]

@xiao-lix @kryalama, Do you remember or have a link to the original issue and can you try and repro when you get a chance to see if this is something we can and need to fix.