diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx index c63e1f3..f9cd159 100644 --- a/frontend/src/main.tsx +++ b/frontend/src/main.tsx @@ -7,7 +7,7 @@ import ErrorBoundary from './components/ErrorBoundary' import { ConfirmProvider } from './hooks/useConfirm' import './index.css' -const queryClient = new QueryClient({ +export const queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1000 * 60 * 5, diff --git a/frontend/src/store/authStore.ts b/frontend/src/store/authStore.ts index 2010929..370b9f4 100644 --- a/frontend/src/store/authStore.ts +++ b/frontend/src/store/authStore.ts @@ -1,5 +1,6 @@ import { create } from 'zustand' import { persist } from 'zustand/middleware' +import { queryClient } from '../main' interface User { id: string @@ -26,11 +27,15 @@ export const useAuthStore = create()( accessToken: null, refreshToken: null, isAuthenticated: false, - setAuth: (user, accessToken, refreshToken) => - set({ user, accessToken, refreshToken, isAuthenticated: true }), + setAuth: (user, accessToken, refreshToken) => { + queryClient.clear() + set({ user, accessToken, refreshToken, isAuthenticated: true }) + }, updateToken: (accessToken) => set({ accessToken }), - logout: () => - set({ user: null, accessToken: null, refreshToken: null, isAuthenticated: false }), + logout: () => { + queryClient.clear() + set({ user: null, accessToken: null, refreshToken: null, isAuthenticated: false }) + }, }), { name: 'auth-storage' }, ),