Added invalidate query on logout

This commit is contained in:
sianida26 2024-05-08 19:11:27 +07:00
parent 7fc39aee58
commit beae3c44d8

View File

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