diff --git a/app/src/App.tsx b/app/src/App.tsx
index 354d216e..033d786c 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -117,7 +117,7 @@ function App() {
       setError(
         typeof error === 'string'
           ? error
-          : error?.errors?.[0]?.message ||
+          : (error?.errors?.length > 0 ? error.errors[0]?.message : null) ||
               error?.message ||
               'Failed to connect to the server. Please check your connection and try again.',
       )
@@ -158,7 +158,7 @@ function App() {
       setError(
         typeof error === 'string'
           ? error
-          : error?.errors?.[0]?.message ||
+          : (error?.errors?.length > 0 ? error.errors[0]?.message : null) ||
               error?.message ||
               'Failed to load map layers. Please check your permissions and try again.',
       )
diff --git a/app/src/api/mapApi.ts b/app/src/api/mapApi.ts
index 2a5f0523..d4a2da67 100644
--- a/app/src/api/mapApi.ts
+++ b/app/src/api/mapApi.ts
@@ -26,7 +26,7 @@ export class mapApi {
       else return 'null'
     } catch (error: any) {
       console.log(error)
-      if (error.errors[0]?.message) throw error.errors[0].message
+      if (error.errors?.length > 0 && error.errors[0]?.message) throw error.errors[0].message
       else throw error
     }
   }