Merge pull request #190 from boostcampwm-2024/Feature/#189_access_tok…

…en도_세션스토리지에_저장

Feature/#189 accessToken도 세션스토리지에 저장

client/src/App.tsx

@@ -1,23 +1,13 @@
-import { useRefreshQuery } from "@apis/auth";
 import { useErrorStore } from "@stores/useErrorStore";
-import { useUserInfo } from "@stores/useUserStore";
 import { useEffect } from "react";
 import { ErrorModal } from "@components/modal/ErrorModal";
 import { WorkSpace } from "@features/workSpace/WorkSpace";
 import { useSocketStore } from "./stores/useSocketStore";
 
 const App = () => {
   // TODO 라우터, react query 설정
-  const { id, name, accessToken } = useUserInfo();
-  const { refetch: refreshToken } = useRefreshQuery();
   const { isErrorModalOpen, errorMessage } = useErrorStore();
 
-  useEffect(() => {
-    if (id && name && !accessToken) {
-      refreshToken();
-    }
-  }, []);
-
   useEffect(() => {
     const socketStore = useSocketStore.getState();
     socketStore.init();

client/src/stores/useUserStore.ts

@@ -49,6 +49,7 @@ export const useUserStore = create<UserStore>()(
       partialize: (state) => ({
         id: state.id,
         name: state.name,
+        accessToken: state.accessToken,
       }),
     },
   ),