[25. 04. 02 / TASK-160] Modify - Sentry 401 감지 문제 해결 (#28)

* modify: 401 오류 관련 문제 해결

* modify: 타입 문제 해결

* modify: 만료된 토큰 관련 오류 해결

Author: six-standard

Diff for: src/__mock__/handlers.ts

@@ -8,68 +8,59 @@ const BASE_URL = env.BASE_URL + '/api';
 const login = http.post(`${BASE_URL}${PATHS.LOGIN}`, async ({ request }) => {
   const { accessToken, refreshToken } = (await request.json()) as LoginVo;
   if (accessToken === 'invalid_access' && refreshToken === 'invalid_refresh') {
-    return BaseError(404, '정상적인 토큰이 아닙니다');
+    return BaseError(404, '잘못된 토큰입니다');
   }
   return BaseSuccess(null);
 });
 
-const summary = http.get(
-  `${BASE_URL}${PATHS.SUMMARY}`,
-  async ({ request: { headers } }) => {
-    if (!headers.get('access_token') && !headers.get('refresh_token')) {
-      return BaseError(401, '잘못된 토큰입니다');
-    }
-    return BaseSuccess({
-      stats: {
-        lastUpdatedDate: '2025-01-09T00:00:00Z102',
-        totalLikes: 100,
-        totalViews: 100,
-        yesterdayLikes: 50,
-        yesterdayViews: 50,
-      },
-      totalPostCount: 10,
-    });
-  },
-);
+const summary = http.get(`${BASE_URL}${PATHS.SUMMARY}`, async ({ request: { headers } }) => {
+  if (!headers.get('access_token') && !headers.get('refresh_token')) {
+    return BaseError(401, '잘못된 토큰입니다');
+  }
+  return BaseSuccess({
+    stats: {
+      lastUpdatedDate: '2025-01-09T00:00:00Z102',
+      totalLikes: 100,
+      totalViews: 100,
+      yesterdayLikes: 50,
+      yesterdayViews: 50,
+    },
+    totalPostCount: 10,
+  });
+});
 
-const me = http.get(
-  `${BASE_URL}${PATHS.ME}`,
-  async ({ request: { headers } }) => {
-    if (!headers.get('access_token') && !headers.get('refresh_token')) {
-      return BaseError(401, '잘못된 토큰입니다');
-    }
-    return BaseSuccess({
-      email: '[email protected]',
-      id: '111111-111111-111111-111111',
-      profile: { thumbnail: undefined },
-      username: 'test',
-    });
-  },
-);
+const me = http.get(`${BASE_URL}${PATHS.ME}`, async ({ request: { headers } }) => {
+  if (!headers.get('access_token') && !headers.get('refresh_token')) {
+    return BaseError(401, '잘못된 토큰입니다');
+  }
+  return BaseSuccess({
+    email: '[email protected]',
+    id: '111111-111111-111111-111111',
+    profile: { thumbnail: undefined },
+    username: 'test',
+  });
+});
 
-const posts = http.get(
-  `${BASE_URL}${PATHS.POSTS}`,
-  async ({ request: { headers } }) => {
-    if (!headers.get('access_token') && !headers.get('refresh_token')) {
-      return BaseError(401, '잘못된 토큰입니다');
-    }
-    return BaseSuccess({
-      nextCursor: '2025-01-09T00:00:00Z102,10',
-      posts: [
-        {
-          createdAt: '2025-01-01T01:01:01Z103',
-          id: '1',
-          likes: 100,
-          releasedAt: '2025-01-09T00:00:00Z102',
-          title: 'test title',
-          views: 100,
-          yesterdayLikes: 100,
-          yesterdayViews: 100,
-        },
-      ],
-    });
-  },
-);
+const posts = http.get(`${BASE_URL}${PATHS.POSTS}`, async ({ request: { headers } }) => {
+  if (!headers.get('access_token') && !headers.get('refresh_token')) {
+    return BaseError(401, '잘못된 토큰입니다');
+  }
+  return BaseSuccess({
+    nextCursor: '2025-01-09T00:00:00Z102,10',
+    posts: [
+      {
+        createdAt: '2025-01-01T01:01:01Z103',
+        id: '1',
+        likes: 100,
+        releasedAt: '2025-01-09T00:00:00Z102',
+        title: 'test title',
+        views: 100,
+        yesterdayLikes: 100,
+        yesterdayViews: 100,
+      },
+    ],
+  });
+});
 
 export const handlers = [login, summary, me, posts];
 

Diff for: src/apis/instance.request.ts

@@ -49,7 +49,7 @@ export const instance = async <I, R>(
   input: URL | RequestInfo,
   init?: InitType<I>,
   error?: Record<string, Error>,
-): Promise<R> => {
+): Promise<R | void> => {
   let cookieHeader = '';
   if (typeof window === 'undefined') {
     cookieHeader = (await import('next/headers')).cookies().toString();
@@ -68,7 +68,7 @@ export const instance = async <I, R>(
       signal: AbortSignal.timeout
         ? AbortSignal.timeout(Number(env.ABORT_MS))
         : abortPolyfill(Number(env.ABORT_MS)),
-      credentials: 'include',
+      credentials: input !== '/login' ? 'include' : 'omit',
       cache: 'no-store',
     });
 
@@ -77,25 +77,26 @@ export const instance = async <I, R>(
     const context = err as Response;
     if (location && !context.ok && context.status === 401) {
       window.location.replace('/');
-    }
-    setContext('Request', {
-      path: context.url,
-      status: context.status,
-    });
-    if ((err as Error).name === 'TimeoutError') {
-      captureException(new ServerNotRespondingError());
-      throw new ServerNotRespondingError();
     } else {
-      if (!error?.[`${(err as Response).status}`]) {
-        const serverError = new Error(
-          `서버에서 예기치 않은 오류가 발생했습니다. (${(err as Error).name})`,
-        );
-        captureException(serverError);
-        throw serverError;
-      }
+      setContext('Request', {
+        path: context.url,
+        status: context.status,
+      });
+      if ((err as Error).name === 'TimeoutError') {
+        captureException(new ServerNotRespondingError());
+        throw new ServerNotRespondingError();
+      } else {
+        if (!error?.[`${(err as Response).status}`]) {
+          const serverError = new Error(
+            `서버에서 예기치 않은 오류가 발생했습니다. (${(err as Error).name})`,
+          );
+          captureException(serverError);
+          throw serverError;
+        }
 
-      captureException(error[`${(err as Response).status}`]);
-      throw error[`${(err as Response).status}`];
+        captureException(error[`${(err as Response).status}`]);
+        throw error[`${(err as Response).status}`];
+      }
     }
   }
 };