From 3bd2f0871f29a1313ef1e2a0dea5142c8adb276b Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Mon, 26 Aug 2024 02:54:17 +0900 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20sessionStorage=EB=A5=BC=20localStora?= =?UTF-8?q?ge=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ApiErrorBoundary.tsx | 2 +- src/hooks/mutation/useLogout.ts | 2 +- src/pages/redirect/AuthServerRedirectNavigate.tsx | 2 +- src/utils/auth.ts | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/ApiErrorBoundary.tsx b/src/components/ApiErrorBoundary.tsx index 933efbf..d82e6ce 100644 --- a/src/components/ApiErrorBoundary.tsx +++ b/src/components/ApiErrorBoundary.tsx @@ -38,7 +38,7 @@ export default function ApiErrorBoundary({ case 401: case 403: toast.error(message); - sessionStorage.setItem('isLogin', 'false'); + localStorage.setItem('isLogin', 'false'); redirect(RoutePath.Home); break; default: diff --git a/src/hooks/mutation/useLogout.ts b/src/hooks/mutation/useLogout.ts index 1e085ce..852e4d0 100644 --- a/src/hooks/mutation/useLogout.ts +++ b/src/hooks/mutation/useLogout.ts @@ -10,7 +10,7 @@ export default function useLogout() { const mutation = useMutation({ mutationFn: authApi.LOGOUT, onSuccess: () => { - sessionStorage.clear(); + localStorage.clear(); navigate(RoutePath.Home); location.reload(); }, diff --git a/src/pages/redirect/AuthServerRedirectNavigate.tsx b/src/pages/redirect/AuthServerRedirectNavigate.tsx index de00c82..69b9bfc 100644 --- a/src/pages/redirect/AuthServerRedirectNavigate.tsx +++ b/src/pages/redirect/AuthServerRedirectNavigate.tsx @@ -6,7 +6,7 @@ export const AuthServerRedirectNavigate = () => { const navigate = useNavigate(); useEffect(() => { - sessionStorage.setItem('isLogin', 'true'); + localStorage.setItem('isLogin', 'true'); navigate(RoutePath.Dashboard); }, [navigate]); diff --git a/src/utils/auth.ts b/src/utils/auth.ts index 2b15bb4..c49686d 100644 --- a/src/utils/auth.ts +++ b/src/utils/auth.ts @@ -1,5 +1,5 @@ export const isAuthenticated = () => { - const isLogin = sessionStorage.getItem('isLogin'); + const isLogin = localStorage.getItem('isLogin'); return isLogin === 'true'; }; From d05de86d2ed32d3a97e6dd7291a5d942bb409713 Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Mon, 26 Aug 2024 03:04:41 +0900 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20redirect=EC=97=90=EC=84=9C=20navigat?= =?UTF-8?q?e=EB=A1=9C=20=EB=B3=80=EA=B2=BD=ED=95=98=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ApiErrorBoundary.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/ApiErrorBoundary.tsx b/src/components/ApiErrorBoundary.tsx index d82e6ce..484eb27 100644 --- a/src/components/ApiErrorBoundary.tsx +++ b/src/components/ApiErrorBoundary.tsx @@ -1,7 +1,7 @@ import * as Sentry from '@sentry/react'; import { useQueryClient } from '@tanstack/react-query'; import { AxiosError } from 'axios'; -import { redirect } from 'react-router-dom'; +import { useNavigate } from 'react-router-dom'; import { toast } from 'react-toastify'; import RoutePath from '@/routes/routePath'; import { ReactNode } from 'react'; @@ -17,6 +17,7 @@ export default function ApiErrorBoundary({ children: ReactNode; }) { const queryClient = useQueryClient(); + const navigate = useNavigate(); queryClient.getQueryCache().config = { onError: (error) => handleError(error as AxiosError) @@ -39,7 +40,7 @@ export default function ApiErrorBoundary({ case 403: toast.error(message); localStorage.setItem('isLogin', 'false'); - redirect(RoutePath.Home); + navigate(RoutePath.Home); break; default: toast.error(message);