Fix white screen: add error boundaries and improve error handling in AnalyticsProvider and useWebVitals

components/AnalyticsProvider.tsx

@@ -9,12 +9,16 @@ interface AnalyticsProviderProps {
 }
 
 export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }) => {
-  // Initialize Web Vitals tracking
+  // Initialize Web Vitals tracking - wrapped to prevent crashes
+  // Hooks must be called unconditionally, but the hook itself handles errors
   useWebVitals();
 
   useEffect(() => {
     if (typeof window === 'undefined') return;
 
+    // Wrap entire effect in try-catch to prevent any errors from breaking the app
+    try {
+
     // Track page view
     const trackPageView = async () => {
       const path = window.location.pathname;
@@ -49,8 +53,15 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
       }
     };
 
-    // Track page load performance
-    trackPageLoad();
+    // Track page load performance - wrapped in try-catch
+    try {
+      trackPageLoad();
+    } catch (error) {
+      // Silently fail
+      if (process.env.NODE_ENV === 'development') {
+        console.warn('Error tracking page load:', error);
+      }
+    }
 
     // Track initial page view
     trackPageView();
@@ -255,16 +266,29 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
     window.addEventListener('error', handleError);
     window.addEventListener('unhandledrejection', handleUnhandledRejection);
 
-    // Cleanup
-    return () => {
-      window.removeEventListener('popstate', handleRouteChange);
-      document.removeEventListener('click', handleClick);
-      document.removeEventListener('submit', handleSubmit);
-      window.removeEventListener('scroll', handleScroll);
-      window.removeEventListener('error', handleError);
-      window.removeEventListener('unhandledrejection', handleUnhandledRejection);
-    };
+      // Cleanup
+      return () => {
+        try {
+          window.removeEventListener('popstate', handleRouteChange);
+          document.removeEventListener('click', handleClick);
+          document.removeEventListener('submit', handleSubmit);
+          window.removeEventListener('scroll', handleScroll);
+          window.removeEventListener('error', handleError);
+          window.removeEventListener('unhandledrejection', handleUnhandledRejection);
+        } catch {
+          // Silently fail during cleanup
+        }
+      };
+    } catch (error) {
+      // If anything fails, log but don't break the app
+      if (process.env.NODE_ENV === 'development') {
+        console.error('AnalyticsProvider initialization error:', error);
+      }
+      // Return empty cleanup function
+      return () => {};
+    }
   }, []);
 
+  // Always render children, even if analytics fails
   return <>{children}</>;
 };