[FE] custom 되면 질문 리스트 invalidate 로직 추가

frontend/src/apis/checklist.ts

@@ -24,7 +24,7 @@ export const getChecklistDetail = async (id: number) => {
 
 export const getChecklists = async (isLikeFiltered: boolean = false) => {
   const response = await fetcher.get({
-    url: BASE_URL + (isLikeFiltered ? ENDPOINT.CHECKLISTS_LIKE : ENDPOINT.CHECKLISTS_V1),
+    url: BASE_URL + (isLikeFiltered ? ENDPOINT.CHECKLISTS_LIKE_V1 : ENDPOINT.CHECKLISTS_V1),
   });
   const data = await response.json();
   return data.checklists.map(mapObjNullToUndefined).slice(0, 10);

frontend/src/apis/url.ts

@@ -7,6 +7,7 @@ export const ENDPOINT = {
   // checklist
   CHECKLISTS: '/checklists',
   CHECKLISTS_LIKE: '/checklists/like',
+  CHECKLISTS_LIKE_V1: '/v1/checklists/like',
   CHECKLISTS_V1: '/v1/checklists',
   CHECKLIST_QUESTION: '/checklists/questions',
   CHECKLIST_ALL_QUESTION: '/custom-checklist/all',

frontend/src/components/_common/Subway/SubwayStations.tsx

@@ -13,7 +13,7 @@ interface Props {
 const SubwayStations = ({ stations }: Props) => {
   return (
     <>
-      {stations.length ? (
+      {stations?.length ? (
         <S.Box>{stations?.map(station => <SubwayStationItem station={station} key={station.stationName} />)}</S.Box>
       ) : (
         <span>{'보신 방과 가까운 지하철역을 찾아드릴게요.'}</span>

frontend/src/hooks/query/usePutCustomChecklist.ts

@@ -1,10 +1,15 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { putCustomChecklist } from '@/apis/checklist';
+import { QUERY_KEYS } from '@/constants/queryKeys';
 
 const usePutCustomChecklist = () => {
+  const queryClient = useQueryClient();
   return useMutation({
     mutationFn: (questionIds: number[]) => putCustomChecklist({ questionIds }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.CHECKLIST_QUESTIONS] });
+    },
   });
 };