1 files changed, 8 insertions, 6 deletions
diff --git a/apps/web/components/utils/ValidAccountCheck.tsx b/apps/web/components/utils/ValidAccountCheck.tsx
index 12c11087..5ca5fd5c 100644
--- a/apps/web/components/utils/ValidAccountCheck.tsx
+++ b/apps/web/components/utils/ValidAccountCheck.tsx
@@ -1,13 +1,15 @@
 "use client";
 
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
 import { api } from "@/lib/trpc";
-import { signOut } from "next-auth/react";
 
 /**
  * This component is used to address a confusion when the JWT token exists but the user no longer exists in the database.
  * So this component synchronusly checks if the user is still valid and if not, signs out the user.
  */
 export default function ValidAccountCheck() {
+  const router = useRouter();
   const { error } = api.users.whoami.useQuery(undefined, {
     retry: (_failureCount, error) => {
       if (error.data?.code === "UNAUTHORIZED") {
@@ -16,11 +18,11 @@ export default function ValidAccountCheck() {
       return true;
     },
   });
-  if (error?.data?.code === "UNAUTHORIZED") {
-    signOut({
-      callbackUrl: "/",
-    });
-  }
+  useEffect(() => {
+    if (error?.data?.code === "UNAUTHORIZED") {
+      router.push("/logout");
+    }
+  }, [error]);
 
   return <></>;
 }