diff --git a/frontend/src/api/notice.ts b/frontend/src/api/notice.ts index 210fc7895..0281fe1ba 100644 --- a/frontend/src/api/notice.ts +++ b/frontend/src/api/notice.ts @@ -7,7 +7,7 @@ import { } from '@type/notice'; import { StringDateUpToDay } from '@type/time'; -import { deleteFetch, getFetch, patchFetch, postFetch } from '@utils/fetch'; +import { deleteFetch, getFetch, postFetch, putFetch } from '@utils/fetch'; export const transformNotice = ({ id, @@ -66,7 +66,7 @@ export const modifyNotice = async ({ noticeId: number; notice: NoticeRequest; }) => { - return await patchFetch(`${BASE_URL}/notices/${noticeId}`, notice); + return await putFetch(`${BASE_URL}/notices/${noticeId}`, notice); }; export const deleteNotice = async (noticeId: number) => { diff --git a/frontend/src/hooks/query/notice/useCreateNotice.tsx b/frontend/src/hooks/query/notice/useCreateNotice.tsx index 2424d60c3..074161244 100644 --- a/frontend/src/hooks/query/notice/useCreateNotice.tsx +++ b/frontend/src/hooks/query/notice/useCreateNotice.tsx @@ -17,7 +17,9 @@ export const useCreateNotice = () => { (notice: NoticeRequest) => createNotice(notice), { onSuccess: () => { - queryClient.invalidateQueries([QUERY_KEY.NOTICE]); + queryClient.invalidateQueries({ + predicate: ({ queryKey }) => queryKey[0] === QUERY_KEY.NOTICE, + }); }, onError: error => { const errorMessage = diff --git a/frontend/src/hooks/query/notice/useDeleteNotice.tsx b/frontend/src/hooks/query/notice/useDeleteNotice.tsx index 28a6bad87..4b7ed5055 100644 --- a/frontend/src/hooks/query/notice/useDeleteNotice.tsx +++ b/frontend/src/hooks/query/notice/useDeleteNotice.tsx @@ -15,7 +15,9 @@ export const useDeleteNotice = () => { (noticeId: number) => deleteNotice(noticeId), { onSuccess: () => { - queryClient.invalidateQueries([QUERY_KEY.NOTICE]); + queryClient.invalidateQueries({ + predicate: ({ queryKey }) => queryKey[0] === QUERY_KEY.NOTICE, + }); }, onError: error => { const errorMessage = diff --git a/frontend/src/hooks/query/notice/useModifyNotice.tsx b/frontend/src/hooks/query/notice/useModifyNotice.tsx index 627e4fe3a..304629bdc 100644 --- a/frontend/src/hooks/query/notice/useModifyNotice.tsx +++ b/frontend/src/hooks/query/notice/useModifyNotice.tsx @@ -18,7 +18,9 @@ export const useModifyNotice = () => { modifyNotice({ notice, noticeId }), { onSuccess: () => { - queryClient.invalidateQueries([QUERY_KEY.NOTICE]); + queryClient.invalidateQueries({ + predicate: ({ queryKey }) => queryKey[0] === QUERY_KEY.NOTICE, + }); }, onError: error => { const errorMessage = diff --git a/frontend/src/mocks/notice.ts b/frontend/src/mocks/notice.ts index 9b6f3eeec..7c5ab05ac 100644 --- a/frontend/src/mocks/notice.ts +++ b/frontend/src/mocks/notice.ts @@ -25,7 +25,7 @@ export const mockNotice = [ return res(ctx.status(200), ctx.json(MOCK_NOTICE_RESPONSE)); }), - rest.patch(`/notices/:id`, async (req, res, ctx) => { + rest.put(`/notices/:id`, async (req, res, ctx) => { const data = await req.json(); MOCK_NOTICE_TEST = data.title;