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