diff --git a/src/page/ModifyMenu/index.tsx b/src/page/ModifyMenu/index.tsx index a2ae3dc8..feecd26e 100644 --- a/src/page/ModifyMenu/index.tsx +++ b/src/page/ModifyMenu/index.tsx @@ -23,8 +23,10 @@ export default function ModifyMenu() { assert(menuId != null, 'menuId가 없습니다.'); const navigate = useNavigate(); - const { menuData, modifyMenuMutation } = useMenuInfo(Number(menuId)); - + const { menuData, refetch, modifyMenuMutation } = useMenuInfo(Number(menuId)); + useEffect(() => { + refetch(); + }, [refetch]); const goMyShop = () => { navigate('/'); }; diff --git a/src/query/menu.ts b/src/query/menu.ts index 5af1844b..16ed9d17 100644 --- a/src/query/menu.ts +++ b/src/query/menu.ts @@ -6,7 +6,7 @@ import useAddMenuStore from 'store/addMenu'; const useMenuInfo = (menuId:number) => { const { resetAddMenuStore } = useAddMenuStore(); const queryClient = useQueryClient(); - const { data: menuData } = useQuery( + const { data: menuData, refetch } = useQuery( { queryKey: ['menuInfo', menuId], queryFn: () => getMenu(menuId), @@ -22,7 +22,7 @@ const useMenuInfo = (menuId:number) => { }, }); return { - menuData, modifyMenuMutation, modifyMenuError, + menuData, refetch, modifyMenuMutation, modifyMenuError, }; };