refactor: auth 파일의 getRefreshToken 함수를 interceptor 파일로 이동

src/api/interceptor.ts

@@ -3,9 +3,9 @@ import axios, { AxiosError, InternalAxiosRequestConfig } from 'axios';
 import { PATH } from '@/constants/path';
 import { NOTICE } from '@/constants/message';
 import store from '@/store';
+import { ServerResponse } from '@/types/api';
 import { tokenActions } from '@/store/auth';
-import { getRefreshToken } from './auth';
-import { AXIOS, HTTP_STATUS_CODE } from '../constants/api';
+import { AXIOS, END_POINT, HTTP_STATUS_CODE } from '../constants/api';
 import { HTTPError } from './HttpError';
 
 export interface AxiosErrorResponse {
@@ -26,6 +26,22 @@ export const axiosInstance = axios.create({
   timeout: AXIOS.TIMEOUT,
 });
 
+export const axiosRefreshInstance = axios.create({
+  baseURL,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+  timeout: AXIOS.TIMEOUT,
+});
+
+export const getRefreshToken = async () => {
+  const { data } = await axiosRefreshInstance.get<ServerResponse>(
+    `${END_POINT.REFRESH}`,
+  );
+  return data;
+};
+
 // request interceptor (before request)
 axiosInstance.interceptors.request.use(
   (config: InternalAxiosRequestConfig) => {

src/hooks/common/useTokenRefresh.ts

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import { useQueryClient } from '@tanstack/react-query';
-import { getRefreshToken } from '@/api/auth';
+import { getRefreshToken } from '@/api/interceptor';
 import { useNewDispatch, useNewSelector } from '@/store';
 import { selectAccessToken, tokenActions } from '@/store/auth';
 import { useEffect } from 'react';