Fix duplicate page navigation tracking in Application Insights

[tjementum]

Summary & Motivation

Fix duplicate page view tracking that occurred when navigating between pages in the single-page application. Application Insights' enableAutoRouteTracking feature was causing duplicate tracking with TanStack Router because both systems independently detected navigation events.

• Disable enableAutoRouteTracking in Application Insights configuration
• Create custom PageTracker component that integrates properly with TanStack Router
• Track initial page load and subsequent navigations without duplicates
• Maintain existing JavaScript error tracking functionality

The enableAutoRouteTracking feature is designed for React Router and listens to browser history changes (popstate, pushState/replaceState, hashchange). Since TanStack Router also manipulates browser history, both were detecting the same navigation event and sending duplicate page views. The custom PageTracker component uses TanStack Router's onLoad event and tracks pathname changes to ensure each navigation is tracked exactly once.

Downstream projects

1. Add the PageTracker component to your-self-contained-system/__root.tsx:

import { queryClient } from "@/shared/lib/api/client";
+import { PageTracker } from "@repo/infrastructure/applicationInsights/PageTracker";
import { AuthenticationProvider } from "@repo/infrastructure/auth/AuthenticationProvider";

function Root() {
  return (
    <QueryClientProvider client={queryClient}>
      <ThemeModeProvider>
        <ReactAriaRouterProvider>
          <AuthenticationProvider navigate={(options) => navigate(options)}>
+           <PageTracker />
            <Outlet />
          </AuthenticationProvider>
        </ReactAriaRouterProvider>
      </ThemeModeProvider>
    </QueryClientProvider>
  );
}

Checklist

• I have added tests, or done manual regression tests
• I have updated the documentation, if necessary

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud