From beae3c44d8bc179663e943f6ce0e51657f4dc90a Mon Sep 17 00:00:00 2001
From: sianida26 <chesakeselekkebo@gmail.com>
Date: Wed, 8 May 2024 19:11:27 +0700
Subject: [PATCH] Added invalidate query on logout

---
 apps/frontend/src/routes/logout/index.lazy.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/routes/logout/index.lazy.tsx b/apps/frontend/src/routes/logout/index.lazy.tsx
index 510d20f..f41fa0a 100644
--- a/apps/frontend/src/routes/logout/index.lazy.tsx
+++ b/apps/frontend/src/routes/logout/index.lazy.tsx
@@ -1,4 +1,5 @@
 import useAuth from "@/hooks/useAuth";
+import { useQueryClient } from "@tanstack/react-query";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 import { useEffect } from "react";
 
@@ -9,17 +10,22 @@ export const Route = createFileRoute("/logout/")({
 export default function LogoutPage() {
 	const { isAuthenticated, clearAuthData } = useAuth();
 	const navigate = useNavigate();
+	const queryClient = useQueryClient();
 
 	useEffect(() => {
 		if (isAuthenticated) {
 			clearAuthData();
+
+			queryClient.invalidateQueries({
+				queryKey: ["my-profile"],
+			});
 		}
 
 		navigate({
 			to: "/login",
 			replace: true,
 		});
-	}, [navigate, isAuthenticated, clearAuthData]);
+	}, [navigate, isAuthenticated, clearAuthData, queryClient]);
 
 	return <div>Logging out...</div>;
 }