From 06961c6a246d8053a7df375b50af65040dafab5c Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 7 Mar 2025 14:30:51 +1100
Subject: [PATCH] Add error handling to API queries (#9253)

---
 .../Index/Settings/AccountSettings/SecurityContent.tsx     | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
index ab48b75304..da18c2bffc 100644
--- a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
+++ b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
@@ -261,7 +261,9 @@ function ProviderSection({
   const { isLoading, data, refetch } = useQuery({
     queryKey: ['provider-list'],
     queryFn: () =>
-      authApi(apiUrl(ApiEndpoints.auth_providers)).then((res) => res.data.data)
+      authApi(apiUrl(ApiEndpoints.auth_providers))
+        .then((res) => res?.data?.data ?? [])
+        .catch(() => [])
   });
 
   const availableProviders = useMemo(() => {
@@ -356,7 +358,8 @@ function MfaSection() {
     queryFn: () =>
       api
         .get(apiUrl(ApiEndpoints.auth_authenticators))
-        .then((res) => res.data.data)
+        .then((res) => res?.data?.data ?? [])
+        .catch(() => [])
   });
 
   function showRecoveryCodes(codes: Recoverycodes) {