From 1f3dfbf10c9d3cb88be4e2ee56c8a4c71d805066 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Tue, 27 Aug 2024 12:39:26 +0200
Subject: [PATCH] [bugfix/frontend] Fix `TypeError: gtsError is undefined`
 (#3245)

---
 web/source/settings/components/error.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/source/settings/components/error.tsx b/web/source/settings/components/error.tsx
index a2b4772dc..977cf06c8 100644
--- a/web/source/settings/components/error.tsx
+++ b/web/source/settings/components/error.tsx
@@ -79,10 +79,15 @@ function Error({ error, reset }: ErrorProps) {
 	
 	let message: ReactNode;
 	if ("status" in error) {
-		// RTK Query error with data.
-		const gtsError = error.data as GtsError;
-		const errMsg = gtsError.error_description ?? gtsError.error;
-		message = <>Code {error.status} {errMsg}</>;
+		if (typeof error.status === "number") {
+			// Error containing GTS API error data.
+			const gtsError = error.data as GtsError;
+			const errMsg = gtsError.error_description ?? gtsError.error;
+			message = <>Code {error.status}: {errMsg}</>;
+		} else {
+			// RTK Query fetching / parsing / timeout error.
+			message = <>{error.status}: {error.error}</>;
+		}
 	} else {
 		// SerializedError or Error.
 		const errMsg = error.message ?? JSON.stringify(error);