Added invalidate query on logout
This commit is contained in:
parent
7fc39aee58
commit
beae3c44d8
|
|
@ -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>;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user