frontend: suppress failed to fetch error.

Author: ffreddow

frontend/src/components/Alert.tsx

@@ -20,6 +20,11 @@ const clearAlertTimeout = (id: string) => {
 };
 
 export function showAlert(text: string, variant: "danger" | "success" | "warning", id?: string, heading?: string, timeout_ms?: number) {
+    if (text.indexOf("Failed to fetch") !== -1) {
+        console.warn("Alert suppressed due to 'Failed to fetch' message");
+        return;
+    }
+
     id = id ? id : Math.random().toString(36).substr(2);
     const alert: AlertItem = {
         id,

frontend/src/worker.ts

@@ -27,7 +27,19 @@ const tunnel_url = `${import.meta.env.VITE_BACKEND_WS_URL  }/ws?key_id=`
 let wgClient: Client | undefined;
 let setup_data: SetupMessage;
 
+function isFailedToFetch(reason: unknown): boolean {
+    if (!reason) return false;
+    if (typeof reason === 'string') return reason.includes('Failed to fetch');
+    if (reason instanceof Error) return reason.message.includes('Failed to fetch');
+    return false;
+}
+
 self.addEventListener("unhandledrejection", (event) => {
+    if (isFailedToFetch(event.reason)) {
+        event.preventDefault();
+        return;
+    }
+
     const stack = event.reason.stack.split("\n");
 
     const evt = {