fix: resolve 401 error

Team-Lecue · Aug 12, 2024 · 1dc382d · 1dc382d
1 parent d04aa25
commit 1dc382d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/Login/hooks/usePostLoginToken.ts b/src/Login/hooks/usePostLoginToken.ts
@@ -14,7 +14,7 @@ const usePostLoginToken = () => {
       const { tokenDto, nickname } = data;
 
       if (nickname === null) {
-        navigate('/register', { state: tokenDto.accessToken });
+        navigate('/register', { state: { tempToken: tokenDto.accessToken } });
       } else {
         sessionStorage.setItem('token', tokenDto.accessToken);
         sessionStorage.setItem('nickname', nickname);

diff --git a/src/Register/api/patchNickname.ts b/src/Register/api/patchNickname.ts
@@ -1,12 +1,13 @@
 import { api } from '../../libs/api';
 
-export const patchNickname = async (nickname: string) => {
+export const patchNickname = async (nickname: string, tempToken: string) => {
   const response = await api().patch(
     '/api/nickname',
     { nickname: nickname },
     {
       headers: {
         'Content-Type': 'application/json',
+        Authorization: `Bearer ${tempToken}`,
       },
     },
   );

diff --git a/src/Register/hooks/usePatchNickname.ts b/src/Register/hooks/usePatchNickname.ts
@@ -11,12 +11,13 @@ import {
 const usePatchNickname = (props: usePatchNicknameProps) => {
   const { handleSetIsValid, handleSetIsActive, nickname } = props;
   const { state } = useLocation();
+  const tempToken = state.tempToken;
 
   const navigate = useNavigate();
 
   const mutation = useMutation({
     mutationFn: async ({ nickname }: patchNicknameProps) => {
-      return await patchNickname(nickname);
+      return await patchNickname(nickname, tempToken);
     },
     onError: (err: AxiosError) => {
       const code = err.response?.status;
@@ -32,7 +33,7 @@ const usePatchNickname = (props: usePatchNicknameProps) => {
       }
     },
     onSuccess: () => {
-      sessionStorage.setItem('token', state);
+      sessionStorage.setItem('token', state.tempToken);
       sessionStorage.setItem('nickname', nickname);
       navigate('/', { state: { step: 1 } });
     },