refact: 훅에 hostChannelId를 인자로 넘기도록 인터페이스 변경

Author: Yejiin21

src/features/host/hook/useHostHook.ts

@@ -1,12 +1,8 @@
 import { useMutation } from '@tanstack/react-query';
 import updateHostInfo from '../api/host';
 import { UpdateHostChannelInfoRequest } from '../model/host';
-import { useParams } from 'react-router-dom';
-
-export const useUpdateHostChannelInfo = () => {
-  const { id } = useParams();
-  const hostChannelId = Number(id);
 
+export const useUpdateHostChannelInfo = (hostChannelId: number) => {
   const mutation = useMutation({
     mutationFn: (dto: UpdateHostChannelInfoRequest) => updateHostInfo(hostChannelId, dto),
   });

src/pages/menu/ui/myHost/HostEditPage.tsx

@@ -20,7 +20,7 @@ const HostEditPage = () => {
 
   const hostChannelId = Number(id);
   const { data: hostInfo } = useHostChannelInfo(hostChannelId);
-  const { mutate } = useUpdateHostChannelInfo();
+  const { mutate } = useUpdateHostChannelInfo(hostChannelId);
   const queryClient = useQueryClient();
 
   const handeHostInfoClick = () => {