refactor: remove user agent tracking from error reporting system

Author: AshishKumar4

reference/vite-reference/src/components/ErrorBoundary.tsx

@@ -42,7 +42,6 @@ export class ErrorBoundary extends Component<Props, State> {
         componentName: this.constructor.name,
       },
       url: window.location.href,
-      userAgent: navigator.userAgent,
       timestamp: new Date().toISOString(),
       level: "error",
     });

reference/vite-reference/src/components/ErrorFallback.tsx

@@ -84,7 +84,7 @@ export function ErrorFallback({
                 </summary>
                 <pre className="mt-3 text-xs overflow-auto max-h-40 text-muted-foreground">
                   {error.message || error.toString()}
-                  {error.stack && '\n\n' + error.stack}
+                  {error.stack && '\n\n' + error.stack + '\n\n' + error.componentStack}
                 </pre>
               </details>
             )}

reference/vite-reference/src/components/RouteErrorBoundary.tsx

@@ -30,7 +30,6 @@ export function RouteErrorBoundary() {
         message: errorMessage,
         stack: errorStack,
         url: window.location.href,
-        userAgent: navigator.userAgent,
         timestamp: new Date().toISOString(),
         source: 'react-router',
         error: error,

reference/vite-reference/src/lib/errorReporter.ts

@@ -1,6 +1,5 @@
 interface BaseErrorData {
   url: string;
-  userAgent: string;
   timestamp: string;
 }
 
@@ -442,7 +441,6 @@ class ErrorReporter {
   private createBaseErrorData(): BaseErrorData {
     return {
       url: window.location.href,
-      userAgent: navigator.userAgent,
       timestamp: new Date().toISOString(),
     };
   }
@@ -657,7 +655,7 @@ const formatConsoleArgs = (args: unknown[]): string => {
 
 type ImmediatePayload = Pick<
   ErrorReport,
-  "message" | "stack" | "url" | "userAgent" | "timestamp" | "level" | "category"
+  "message" | "stack" | "url" | "timestamp" | "level" | "category"
 >;
 
 const createImmediateErrorPayload = (
@@ -667,7 +665,6 @@ const createImmediateErrorPayload = (
   message,
   stack: new Error().stack,
   url: window.location.href,
-  userAgent: navigator.userAgent,
   timestamp: new Date().toISOString(),
   level,
   category: categorize(message),

reference/vite-reference/src/main.tsx

@@ -1,3 +1,4 @@
+import '@/lib/errorReporter';
 import { enableMapSet } from "immer";
 enableMapSet();
 import { StrictMode } from 'react'

reference/vite-reference/worker/index.ts

@@ -9,7 +9,6 @@ import { Env } from './core-utils';
 export interface ClientErrorReport {
   message: string;
   url: string;
-  userAgent: string;
   timestamp: string;
   stack?: string;
   componentStack?: string;
@@ -33,8 +32,7 @@ app.get('/api/health', (c) => c.json({ success: true, data: { status: 'healthy',
 app.post('/api/client-errors', async (c) => {
   try {
     const e = await c.req.json<ClientErrorReport>();
-    if (!e.message || !e.url || !e.userAgent) return c.json({ success: false, error: 'Missing required fields' }, 400);
-    console.error('[CLIENT ERROR]', JSON.stringify({ timestamp: e.timestamp || new Date().toISOString(), message: e.message, url: e.url, userAgent: e.userAgent, stack: e.stack, componentStack: e.componentStack, errorBoundary: e.errorBoundary, source: e.source, lineno: e.lineno, colno: e.colno }, null, 2));
+    console.error('[CLIENT ERROR]', JSON.stringify({ timestamp: e.timestamp || new Date().toISOString(), message: e.message, url: e.url, stack: e.stack, componentStack: e.componentStack, errorBoundary: e.errorBoundary }, null, 2));
     return c.json({ success: true });
   } catch (error) {
     console.error('[CLIENT ERROR HANDLER] Failed:', error);