handle crash in error handling of access keys page

Author: prakashsvmx

portal-ui/src/screens/Console/Account/Account.tsx

@@ -47,7 +47,7 @@ import { errorToHandler } from "api/errors";
 import HelpMenu from "../HelpMenu";
 import { ACCOUNT_TABLE_COLUMNS } from "./AccountUtils";
 import { useAppDispatch } from "store";
-import { ApiError, ServiceAccounts } from "api/consoleApi";
+import { ServiceAccounts } from "api/consoleApi";
 import {
   setErrorSnackMessage,
   setHelpName,
@@ -105,8 +105,11 @@ const Account = () => {
           setRecords(sortedRows);
         })
         .catch(async (res) => {
-          const err = (await res.json()) as ApiError;
-          dispatch(setErrorSnackMessage(errorToHandler(err)));
+          dispatch(
+            setErrorSnackMessage(
+              errorToHandler(res?.error || "Error retrieving access keys"),
+            ),
+          );
           setLoading(false);
         });
     }

portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx

@@ -35,7 +35,7 @@ import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
 import { setErrorSnackMessage, setHelpName } from "../../../systemSlice";
 import { api } from "api";
 import { errorToHandler } from "api/errors";
-import { ApiError, ContentType } from "api/consoleApi";
+import { ContentType } from "api/consoleApi";
 import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
 import AddServiceAccountHelpBox from "./AddServiceAccountHelpBox";
 import CredentialsPrompt from "../Common/CredentialsPrompt/CredentialsPrompt";
@@ -85,8 +85,7 @@ const AddServiceAccount = () => {
 
         .catch(async (res) => {
           setAddSending(false);
-          const err = (await res.json()) as ApiError;
-          dispatch(setErrorSnackMessage(errorToHandler(err)));
+          dispatch(setErrorSnackMessage(errorToHandler(res.error)));
         });
     }
   }, [addSending, setAddSending, dispatch, policyJSON, accessKey, secretKey]);