Added timeout for fetch in header

digitalbuiltenvironment · Jan 26, 2024 · 7873c88 · 7873c88
1 parent afc8144
commit 7873c88
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/frontend/app/components/header.tsx b/frontend/app/components/header.tsx
@@ -140,7 +140,9 @@ export default function Header() {
   const { data: apiStatus, error: apiError } = useSWR(healthcheck_api, async (url) => {
     try {
       // Fetch the data
-      const response = await fetch(url);
+      const response = await fetch(url, {
+        signal: AbortSignal.timeout(5000), // Abort the request if it takes longer than 5 seconds
+      });
       if (!response.ok) {
         throw new Error(response.statusText || 'Unknown Error');
       }