Update loadData function.

src/utils/dataLoader.ts

@@ -1,22 +1,47 @@
-export async function loadData(apiUrl: any) {
+export async function loadData(
+  apiUrl: string,
+  maxRetries = 3,
+  retryDelay = 1000
+): Promise<any> {
   if (!apiUrl) {
-    console.warn(`No API URL provided`);
-    return {};
+    throw new Error(`No API URL provided`);
   }
 
-  try {
-    console.log(`Fetching data from: ${apiUrl}`);
-    const response = await fetch(apiUrl);
+  for (let attempt = 1; attempt <= maxRetries; attempt++) {
+    try {
+      console.log(`Fetching data from: ${apiUrl} (Attempt ${attempt})`);
+      const response = await fetch(apiUrl);
 
-    if (!response.ok) {
-      throw new Error(
-        `Failed to fetch data: ${response.status} ${response.statusText}`
-      );
-    }
+      if (!response.ok) {
+        throw new Error(
+          `Fetch failed: ${response.status} ${response.statusText}`
+        );
+      }
+
+      const data = await response.json();
+
+      if (
+        data == null ||
+        (typeof data === "object" &&
+          !Array.isArray(data) &&
+          Object.keys(data).length === 0)
+      ) {
+        throw new Error(`Received empty or invalid JSON`);
+      }
 
-    return await response.json();
-  } catch (error) {
-    console.error(`Error loading data:`, error);
-    return {};
+      return data;
+    } catch (error) {
+      console.error(`Attempt ${attempt} failed:`, error);
+
+      if (attempt < maxRetries) {
+        await new Promise((res) => setTimeout(res, retryDelay));
+      } else {
+        throw new Error(
+          `Failed to load data from ${apiUrl} after ${maxRetries} attempts`
+        );
+      }
+    }
   }
+
+  throw new Error(`Unexpected execution path`);
 }