fix(web): address code review feedback - prevent multiple reloads

Co-authored-by: tyler-dane <[email protected]>

Author: Copilot

packages/web/src/common/hooks/useChunkLoadErrorHandler.ts

@@ -6,7 +6,11 @@ import { useEffect } from "react";
  */
 export const useChunkLoadErrorHandler = () => {
   useEffect(() => {
+    let isReloading = false;
+
     const handleError = (event: ErrorEvent) => {
+      if (isReloading) return;
+
       const isChunkLoadError =
         event.message?.includes("Loading chunk") ||
         event.message?.includes("ChunkLoadError") ||
@@ -20,12 +24,17 @@ export const useChunkLoadErrorHandler = () => {
         // Prevent default error handling
         event.preventDefault();
 
+        // Set flag to prevent multiple reloads
+        isReloading = true;
+
         // Reload the page to get the new chunks
         window.location.reload();
       }
     };
 
     const handleUnhandledRejection = (event: PromiseRejectionEvent) => {
+      if (isReloading) return;
+
       const isChunkLoadError =
         event.reason?.message?.includes("Loading chunk") ||
         event.reason?.name === "ChunkLoadError";
@@ -38,6 +47,9 @@ export const useChunkLoadErrorHandler = () => {
         // Prevent default error handling
         event.preventDefault();
 
+        // Set flag to prevent multiple reloads
+        isReloading = true;
+
         // Reload the page to get the new chunks
         window.location.reload();
       }

packages/web/src/common/hooks/useVersionCheck.ts

@@ -47,6 +47,8 @@ export const useVersionCheck = (): VersionCheckResult => {
           const serverVersion = data.version;
 
           // Check if server version differs from current version
+          // Once an update is detected, we keep showing the indicator
+          // until the user refreshes to get the new version
           if (serverVersion && serverVersion !== CURRENT_VERSION) {
             setIsUpdateAvailable(true);
           }