Merge pull request #1530 from 42organization/fix/#1514-login-page-error

[test-deploy] 401 에러처리
42organization · Sep 2, 2024 · 3429429 · 3429429
2 parents 920b948 + ca333ba
commit 3429429
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/Layout/LayoutProvider.tsx b/Layout/LayoutProvider.tsx
@@ -4,6 +4,7 @@ import AdminAppLayout from 'Layout/AdminLayout';
 import AgendaAppLayout from 'Layout/AgendaLayout';
 import TakguAppLayout from 'Layout/TakguLayout';
 import { usePathname } from 'hooks/agenda/Layout/usePathname';
+import useAxiosResponse from 'hooks/useAxiosResponse';
 
 type LayoutProviderProps = {
   children: React.ReactNode;
@@ -13,6 +14,7 @@ type LayoutProviderProps = {
 // 로그인 스테이트 등은 각 레이아웃에서 확인
 const LayoutProvider = ({ children }: LayoutProviderProps) => {
   const isLogin = useRecoilValue(loginState);
+  useAxiosResponse();
   console.log(isLogin);
   const app = usePathname();
   switch (app) {

diff --git a/Layout/TakguLayout.tsx b/Layout/TakguLayout.tsx
@@ -32,7 +32,7 @@ function TakguLayout({ children }: TakguLayoutProps) {
   const presentPath = usePathname();
   const openCurrentMatch = useRecoilValue(openCurrentMatchState);
 
-  useAxiosResponse();
+  // useAxiosResponse();
   useGetUserSeason(presentPath);
   useSetAfterGameModal();
   useLiveCheck(presentPath);

diff --git a/hooks/useAxiosResponse.ts b/hooks/useAxiosResponse.ts
@@ -2,7 +2,7 @@ import { AxiosError, AxiosResponse } from 'axios';
 import Cookies from 'js-cookie';
 import { useEffect, useState } from 'react';
 import { useSetRecoilState } from 'recoil';
-import { instance } from 'utils/axios';
+import { instance, instanceInAgenda } from 'utils/axios';
 import { errorState } from 'utils/recoil/error';
 import { loginState } from 'utils/recoil/login';
 
@@ -50,6 +50,11 @@ export default function useAxiosResponse() {
     (response: AxiosResponse) => response,
     errorResponseHandler
   );
+  const responseInAgendaInterceptor =
+    instanceInAgenda.interceptors.response.use(
+      (response: AxiosResponse) => response,
+      errorResponseHandler
+    );
 
   useEffect(() => {
     if (localStorage.getItem('42gg-token')) {
@@ -63,6 +68,7 @@ export default function useAxiosResponse() {
   useEffect(() => {
     return () => {
       instance.interceptors.response.eject(responseInterceptor);
+      instance.interceptors.response.eject(responseInAgendaInterceptor);
     };
-  }, [responseInterceptor]);
+  }, [responseInterceptor, responseInAgendaInterceptor]);
 }