fix: build 에러 해결

src/api/auth/updateMyInfo.ts

@@ -1,4 +1,5 @@
 import { ManagerType } from "../manager";
+import { ResponseType } from "..";
 import fetchData from "../fetchData";
 
 export type UpdateMyInfoBodyType = {
@@ -8,7 +9,9 @@ export type UpdateMyInfoBodyType = {
 export default async function updateMyInfo(body: UpdateMyInfoBodyType) {
   const url = `/admin-info`;
 
-  const response = await fetchData({ url, method: "PUT", body });
+  const response = await fetchData<ResponseType<unknown>, UpdateMyInfoBodyType>(
+    { url, method: "PUT", body }
+  );
 
   return response;
 }

src/api/auth/updateMyProfile.ts

@@ -1,3 +1,4 @@
+import { ResponseType } from "..";
 import fetchData from "../fetchData";
 
 export default async function updateMyProfile(image: File) {
@@ -6,5 +7,9 @@ export default async function updateMyProfile(image: File) {
   const formData = new FormData();
   formData.append("image", image);
 
-  return fetchData({ url, method: "POST", body: formData });
+  return fetchData<ResponseType<unknown>, FormData>({
+    url,
+    method: "POST",
+    body: formData,
+  });
 }

src/api/geulroquis/postGeulroquis.ts

@@ -1,9 +1,14 @@
+import { ResponseType } from "..";
 import fetchData from "../fetchData";
 
 export default async function postGeulroquis(body: FormData) {
   const url = `/admin-office/geulroquis`;
 
-  const response = await fetchData({ url, method: "POST", body });
+  const response = await fetchData<ResponseType<unknown>, FormData>({
+    url,
+    method: "POST",
+    body,
+  });
 
   return response;
 }

src/api/geulroquis/putNextGeulroquis.ts

@@ -1,9 +1,13 @@
+import { ResponseType } from "..";
 import fetchData from "../fetchData";
 
 export default async function putNextGeulroquis(geulroquisId: number) {
   const url = `/admin-office/geulroquis/${geulroquisId}`;
 
-  const response = await fetchData({ url, method: "PUT" });
+  const response = await fetchData<ResponseType<number>>({
+    url,
+    method: "PUT",
+  });
 
   return response;
 }

src/api/notices/deleteNotice.ts

@@ -1,9 +1,9 @@
-import AxiosInstance from "../AxiosInstance";
+import fetchData from "../fetchData";
 
 export default async function deleteNotice(noticeId: number) {
   const url = `/admin-support/notices/${noticeId}`;
 
-  const response = await AxiosInstance.delete(url);
+  const response = await fetchData({ url, method: "DELETE" });
 
   return response;
 }

src/api/theme/postTheme.ts

@@ -1,3 +1,4 @@
+import { ResponseType } from "..";
 import { ThemeType } from ".";
 import fetchData from "../fetchData";
 
@@ -6,7 +7,10 @@ export type ThemePostBody = Pick<ThemeType, "name" | "price" | "url">;
 export default async function postTheme(body: ThemePostBody) {
   const url = `/api/admin-office/stores/themes`;
 
-  const response = await fetchData({ url, body });
+  const response = await fetchData<ResponseType<unknown>, ThemePostBody>({
+    url,
+    body,
+  });
 
   return response;
 }

src/pages/geulroquis/List.tsx

@@ -8,14 +8,14 @@ import {
 } from "../../components/ui/dialog";
 import { useMutation, useQuery } from "@tanstack/react-query";
 
-import { AxiosResponse } from "axios";
 import Blank from "../../components/fallback/Blank";
 import { Button } from "../../components/ui/button";
 import ErrorFallback from "../../components/fallback/ErrorFallback";
 import { GeulroquisType } from "../../api/geulroquis";
 import { Input } from "../../components/ui/input";
 import LoadingFallback from "../../components/fallback/LoadingFallback";
 import Pagination from "../../components/Pagination";
+import { ResponseType } from "../../api";
 import UIErrorBoundary from "../../components/fallback/UIErrorBoundary";
 import UploadForm from "./UploadForm";
 import geulroquisQueryOptions from "../../queries/geulroquisQueryOptions";
@@ -115,7 +115,7 @@ const GeulroquisListItem = ({ id, url }: GeulroquisListItemProps) => {
 
   const { register, handleSubmit, reset } = useForm<{ geulroquisId: number }>();
 
-  const mutation = useMutation<AxiosResponse, Error, number>({
+  const mutation = useMutation<ResponseType<number>, Error, number>({
     mutationFn: (data: number) => putNextGeulroquis(data),
     onSuccess: () => {
       const queryKey = geulroquisQueryOptions.getGeulroquisList({

src/pages/geulroquis/UploadForm.tsx

@@ -1,5 +1,5 @@
-import { AxiosResponse } from "axios";
 import { Button } from "../../components/ui/button";
+import { ResponseType } from "../../api";
 import geulroquisQueryOptions from "../../queries/geulroquisQueryOptions";
 import postGeulroquis from "../../api/geulroquis/postGeulroquis";
 import { queryClient } from "../../App";
@@ -15,7 +15,7 @@ type FormValues = {
 export default function UploadForm({ onCloseFormDialog }: UploadFormType) {
   const { register, handleSubmit, reset } = useForm<FormValues>();
 
-  const mutation = useMutation<AxiosResponse, Error, FormData>({
+  const mutation = useMutation<ResponseType<unknown>, Error, FormData>({
     mutationFn: (data: FormData) => postGeulroquis(data),
     onSuccess: () => {
       const queryKey = geulroquisQueryOptions.getGeulroquisList({

src/pages/my/InfoEditForm.tsx

@@ -2,10 +2,10 @@ import updateMyInfo, {
   UpdateMyInfoBodyType,
 } from "../../api/auth/updateMyInfo";
 
-import { AxiosResponse } from "axios";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import ItemContainer from "../../components/Detail/ItemContainer";
+import { ResponseType } from "../../api";
 import authQueryOptions from "../../queries/authQueryOptions";
 import { omit } from "lodash-es";
 import { queryClient } from "../../App";
@@ -22,7 +22,11 @@ type InfoEditFormProps = { onCloseFormDialog: () => void };
 export default function InfoEditForm({ onCloseFormDialog }: InfoEditFormProps) {
   const { register, handleSubmit, reset } = useForm<InfoEditFormValues>();
 
-  const infoMutation = useMutation<AxiosResponse, Error, UpdateMyInfoBodyType>({
+  const infoMutation = useMutation<
+    ResponseType<unknown>,
+    Error,
+    UpdateMyInfoBodyType
+  >({
     mutationFn: (data) => updateMyInfo(data),
     onSuccess: () => {
       const queryKey = authQueryOptions.getMyInfo().queryKey;
@@ -36,7 +40,7 @@ export default function InfoEditForm({ onCloseFormDialog }: InfoEditFormProps) {
     },
   });
 
-  const imgMutation = useMutation<AxiosResponse, Error, File>({
+  const imgMutation = useMutation<ResponseType<unknown>, Error, File>({
     mutationFn: (data) => updateMyProfile(data),
   });
 

src/pages/theme/UploadForm.tsx

@@ -1,10 +1,10 @@
 import { UseFormRegisterReturn, useForm } from "react-hook-form";
 import postTheme, { ThemePostBody } from "../../api/theme/postTheme";
 
-import { AxiosResponse } from "axios";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import { Label } from "../../components/ui/label";
+import { ResponseType } from "../../api";
 import { queryClient } from "../../App";
 import themeQueryOptions from "../../queries/themeQueryOptions";
 import { useMutation } from "@tanstack/react-query";
@@ -14,7 +14,7 @@ type UploadFormProps = { onCloseFormDialog: () => void };
 export default function UploadForm({ onCloseFormDialog }: UploadFormProps) {
   const { register, handleSubmit, reset } = useForm<ThemePostBody>();
 
-  const mutation = useMutation<AxiosResponse, Error, ThemePostBody>({
+  const mutation = useMutation<ResponseType<unknown>, Error, ThemePostBody>({
     mutationFn: (data: ThemePostBody) => postTheme(data),
     onSuccess: () => {
       const queryKey = themeQueryOptions.getThemeList().queryKey;