hotfix: 배포 폭파 관련 문제 해결

Author: six-standard

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 | void> => {
+): Promise<R> => {
   let cookieHeader = '';
   if (typeof window === 'undefined') {
     cookieHeader = (await import('next/headers')).cookies().toString();
@@ -77,26 +77,26 @@ export const instance = async <I, R>(
     const context = err as Response;
     if (location && !context.ok && context.status === 401) {
       window.location.replace('/');
+      return {} as never;
+    }
+    setContext('Request', {
+      path: context.url,
+      status: context.status,
+    });
+    if ((err as Error).name === 'TimeoutError') {
+      captureException(new ServerNotRespondingError());
+      throw new ServerNotRespondingError();
     } else {
-      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}`];
+      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}`];
     }
   }
 };

src/app/(auth-required)/main/Content.tsx

@@ -10,9 +10,7 @@ import { PATHS, SORT_TYPE } from '@/constants';
 import { SortKey, SortValue } from '@/types';
 import { Section, Summary } from './components';
 
-const sorts: Array<[SortKey, SortValue]> = Object.entries(SORT_TYPE) as Array<
-  [SortKey, SortValue]
->;
+const sorts: Array<[SortKey, SortValue]> = Object.entries(SORT_TYPE) as Array<[SortKey, SortValue]>;
 
 export const Content = () => {
   const [searchParams, setSearchParams] = useSearchParam<{
@@ -40,11 +38,7 @@ export const Content = () => {
   });
 
   useEffect(() => {
-    if (
-      posts &&
-      posts.pages[posts.pages?.length - 1].nextCursor !== null &&
-      inView
-    ) {
+    if (posts && posts.pages[posts.pages?.length - 1].nextCursor !== null && inView) {
       fetchNextPage();
     }
   }, [inView]);
@@ -64,8 +58,7 @@ export const Content = () => {
                 새로고침
               </Button>
               <span className="text-TEXT-ALT text-ST4 max-TBL:text-ST5 max-MBI:hidden">
-                마지막 업데이트 :{' '}
-                {summaries?.stats?.lastUpdatedDate || '업데이트 중..'}
+                마지막 업데이트 : {summaries?.stats?.lastUpdatedDate || '업데이트 중..'}
               </span>
             </div>
             <div className="flex items-center gap-3">
@@ -80,13 +73,10 @@ export const Content = () => {
               />
               <Dropdown
                 defaultValue={
-                  sorts.find((i) => i[1] === searchParams.sort) ??
-                  SORT_TYPE['작성일순']
+                  sorts.find((i) => i[1] === searchParams.sort) ?? SORT_TYPE['작성일순']
                 }
                 options={sorts}
-                onChange={(data) =>
-                  setSearchParams({ sort: data as SortValue })
-                }
+                onChange={(data) => setSearchParams({ sort: data as SortValue })}
               />
             </div>
           </div>