From 824f619831df5602217c1bbaec3b93439852ac45 Mon Sep 17 00:00:00 2001
From: Sebastian Pietschner <sebastian.pietschner@gmail.com>
Date: Thu, 21 Nov 2024 03:40:02 +0000
Subject: [PATCH] global error handling

---
 packages/frontend/src/trpcClient.ts | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/trpcClient.ts b/packages/frontend/src/trpcClient.ts
index 9a935be25..7f60ecc95 100644
--- a/packages/frontend/src/trpcClient.ts
+++ b/packages/frontend/src/trpcClient.ts
@@ -1,10 +1,11 @@
-import { QueryClient, QueryKey } from "@tanstack/react-query";
+import { QueryCache, QueryClient, QueryKey } from "@tanstack/react-query";
 import { createTRPCClient, httpBatchLink } from "@trpc/client";
 import SuperJSON from "superjson";
 import env from "./api/env";
 import { hc } from "hono/client";
 import type { AppType } from "./api/hono";
 import { AppRouter } from "./api";
+import { isTRPCClientError } from "./utils/trpc";
 
 const backendUrl = new URL(`${env.VITE_PUBLIC_BACKEND_URL}/trpc`);
 
@@ -24,6 +25,27 @@ export const trpcClient = createTRPCClient<AppRouter>({
 });
 
 export const queryClient = new QueryClient({
+  queryCache: new QueryCache({
+    /**
+     * Global error handler for non-user facing errors and auth errors
+     * @param error
+     */
+    onError: (error) => {
+      if (isTRPCClientError(error)) {
+        console.log(error);
+      } else if (error instanceof Error) {
+        console.log(error);
+      } else if (error instanceof Response) {
+        if (error.status === 401) {
+          window.location.href = "/login";
+        } else {
+          console.log(error);
+        }
+      } else {
+        console.log(error);
+      }
+    },
+  }),
   defaultOptions: {
     queries: {
       gcTime: 1000 * 60 * 60 * 24, // 24 hours