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 { 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>;
}