[FIX] 회원가입 오류 수정

src/App.tsx

@@ -1,9 +1,11 @@
 'use client';
+
+import { RouterProvider } from 'react-router-dom';
+
 import { router } from '@/routes/router';
 import { refreshAuthAtom } from '@/store/auth';
 import { useSetAtom } from 'jotai';
 import { useEffect } from 'react';
-import { RouterProvider } from 'react-router-dom';
 
 export const App = () => {
   const refreshAuth = useSetAtom(refreshAuthAtom);
@@ -13,4 +15,4 @@ export const App = () => {
   }, []);
 
   return <RouterProvider router={router} />;
-};
+};

src/api/apiInstance.ts

@@ -116,7 +116,7 @@ apiInstance.interceptors.response.use(
             })
             .catch((reissueError: AxiosError) => {
               processQueue(reissueError);
-              navigate(PATH.LOGIN);
+              // navigate(PATH.LOGIN);
 
               console.error('reissue error', reissueError);
               return Promise.reject(reissueError);
@@ -128,7 +128,6 @@ apiInstance.interceptors.response.use(
 
         // 리프레시 토큰이 만료됨
         // sessionStorage.removeItem('Authorization');
-        navigate(PATH.LOGIN);
         return Promise.reject(error);
       }
     }

src/api/user.ts

@@ -23,18 +23,10 @@ export const createProfile = async ({
   memberExplain,
   image,
 }: ProfileMutationArgs) => {
-  const formData = new FormData();
-
-  formData.append('memberName', memberName);
-  formData.append('memberExplain', memberExplain);
-  if (image) {
-    formData.append('image', image);
-  }
-
-  const res = await apiInstance.post('v1/members', formData, {
-    headers: {
-      'Content-Type': 'multipart/form-data',
-    },
+  const res = await apiInstance.post('v1/members', {
+    memberName,
+    memberExplain,
+    image,
   });
 
   return res.data;

src/routes/router.tsx

@@ -30,18 +30,18 @@
 
 const useAuth = () => {
   const [isLoggedIn] = useAtom(isLoggedInAtom);
+  console.log('useAuth isLoggedIn', isLoggedIn);
   // if (isDevMode()) {
   //   return {
   //     isAuthenticated: true,
   //   };
   // }
-  console.log('isLoggedIn', isLoggedIn);
   return {
     isAuthenticated: isLoggedIn,
   };
 };
 
 const PrivateRoute = ({ children }: { children: React.ReactNode }) => {
   const { isAuthenticated } = useAuth();
   const location = useLocation();
 
@@ -113,11 +113,9 @@
         {
           path: PATH.ENROLL,
           element: (
-            <PrivateRoute>
-              <Suspense fallback={<LazySkeleton />}>
-                <LazyEnrollTemplate />
-              </Suspense>
-            </PrivateRoute>
+            <Suspense fallback={<LazySkeleton />}>
+              <LazyEnrollTemplate />
+            </Suspense>
           ),
         },
         {

src/templates/User/EnrollSubmitButton.tsx

@@ -4,12 +4,13 @@ import { useLocation, useNavigate } from 'react-router-dom';
 
 import { createProfile } from '@/api/user';
 import { PATH } from '@/routes/path';
-import { isSubmittedAtom } from '@/store/form';
+import { refreshAuthAtom } from '@/store/auth';
 import {
   formTextInputAtom,
   formTextareaAtom,
   imageAtom,
   isEnrollSatisfiedAtom,
+  isSubmittedAtom,
 } from '@/store/form';
 import { alertAtom } from '@/store/modal';
 import { useAtomValue, useSetAtom } from 'jotai';
@@ -23,16 +24,18 @@ export const EnrollSubmitButton = () => {
   const location = useLocation();
   const setAlert = useSetAtom(alertAtom);
   const setIsSubmitted = useSetAtom(isSubmittedAtom);
+  const refreshAuth = useSetAtom(refreshAuthAtom);
 
   const onClick = () => {
     createProfile({
       memberName: memberName,
       memberExplain: memberExplain,
       image: image,
     })
-      .then(() => {
+      .then(async () => {
         // const previousPath = location.state?.redirect ?? PATH.TEAMS;
         // navigate(previousPath);
+        await refreshAuth();
         setIsSubmitted(true);
 
         const navigatePath = location.state?.redirect