Merge pull request #190176 from pizzaz93/patch-3

Update javascript-react-plugin.md

Author: PRMerger3

articles/azure-monitor/app/javascript-react-plugin.md

@@ -31,14 +31,13 @@ npm install @microsoft/applicationinsights-react-js @microsoft/applicationinsigh
 Initialize a connection to Application Insights:
 
 ```javascript
-// AppInsights.js
+import React from 'react';
 import { ApplicationInsights } from '@microsoft/applicationinsights-web';
-import { ReactPlugin } from '@microsoft/applicationinsights-react-js';
-import { createBrowserHistory } from 'history';
-
+import { ReactPlugin, withAITracking } from '@microsoft/applicationinsights-react-js';
+import { createBrowserHistory } from "history";
 const browserHistory = createBrowserHistory({ basename: '' });
-const reactPlugin = new ReactPlugin();
-const appInsights = new ApplicationInsights({
+var reactPlugin = new ReactPlugin();
+var appInsights = new ApplicationInsights({
     config: {
         instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE',
         extensions: [reactPlugin],
@@ -48,7 +47,6 @@ const appInsights = new ApplicationInsights({
     }
 });
 appInsights.loadAppInsights();
-export { reactPlugin, appInsights };
 ```
 
 Wrap your component with the higher-order component function to enable Application Insights on it:
@@ -71,6 +69,21 @@ class MyComponent extends React.Component {
 export default withAITracking(reactPlugin, MyComponent);
 ```
 
+For `react-router v6` or other scenarios where router history is not exposed, appInsights config `enableAutoRouteTracking` can be used to auto track router changes:
+
+```javascript
+var reactPlugin = new ReactPlugin();
+var appInsights = new ApplicationInsights({
+    config: {
+        instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE',
+        enableAutoRouteTracking: true,
+        extensions: [reactPlugin]
+        }
+    }
+});
+appInsights.loadAppInsights();
+```
+
 ## Configuration
 
 | Name    | Default | Description                                                                                                    |