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>