#206 feat: Token 에러 시 캐시 삭제 후 리다이렉션 핸들러를 반환하는 useTokenError 커스텀 훅 생성

src/common/hook/useTokenError.ts

@@ -0,0 +1,31 @@
+import { useNavigate } from 'react-router-dom';
+
+import { useQueryClient } from '@tanstack/react-query';
+
+import { PATH } from '@/shared/constant/path';
+import { useAuth } from '@/shared/store/auth';
+import { useToastAction } from '@/shared/store/toast';
+
+export const useTokenError = () => {
+  const { logout } = useAuth();
+
+  const { createToast } = useToastAction();
+
+  const queryClient = useQueryClient();
+
+  const navigate = useNavigate();
+
+  const handleTokenError = () => {
+    logout();
+
+    localStorage.clear();
+
+    queryClient.clear();
+
+    navigate(PATH.ROOT);
+
+    createToast('다시 로그인해주세요.');
+  };
+
+  return { handleTokenError };
+};