http 401 error 처리

src/utility/customAxiosUtil.ts

@@ -6,6 +6,13 @@ import {
   clientLoading,
   clientLoaded
 } from '@src/redux/features/layout/layoutSlice';
+import { openModal } from '@src/redux/features/comn/message/messageSlice';
+import {
+  COOKIE_ACCESS_TOKEN,
+  COOKIE_REFRESH_TOKEN,
+  cookieStorage
+} from '@src/utility/authService/cookie';
+import { ERROR_TITLE, ERROR_MESSAGE } from '@src/configs/msgConst';
 
 // import { createJWTToken, getToken } from './authenticationUtils';
 // import { logout } from '../utils/authenticationUtils';
@@ -40,6 +47,20 @@ clientInstance.interceptors.response.use(
   async (error: AxiosError) => {
     const { status } = error.response as AxiosResponse;
     if (status === 401) {
+      cookieStorage.removeCookie(COOKIE_ACCESS_TOKEN);
+      cookieStorage.removeCookie(COOKIE_REFRESH_TOKEN);
+      localStorage.removeItem('dronGroupId');
+      localStorage.removeItem('dronGroupNm');
+      store.dispatch(
+        openModal({
+          header: ERROR_TITLE,
+          body: ERROR_MESSAGE,
+          isHistoryBack: false,
+          isRefresh: true
+        })
+      );
+
+      return new Promise(() => {});
     }
 
     return Promise.reject(error);