인프런 커뮤니티 질문&답변

import {deletPost} from '@/api';
import queryClient from '@/api/queryClient';
import {queryKeys} from '@/constants';
import {UseMutationCustomOptions} from '@/types';
import {useMutation} from '@tanstack/react-query';

function useMutateDeletePost(mutationOptions?: UseMutationCustomOptions) {
  return useMutation({
    mutationFn: deletPost,
    onSuccess: () => {
      queryClient.invalidateQueries({
        queryKeys: [queryKeys.POST, queryKeys.GET_POST],
      });
      queryClient.invalidateQueries({
        queryKey: [queryKeys.MARKER, queryKeys.GET_MARKERS]
      })\
    }
  });
}

export default useMutateDeletePost;

안녕하세요. 궁금한 게 있습니다.다름아니라 재갱신을 위해서 invalidataQueies를 호출할때 쿼리클라이언트를 여러개로 쪼개신 이유가 무엇인가요?
해당 키들을 한개의 invalidataQueries로만 호출이 가능할텐데, 여러개로 쪼개신 이유가 갑자기 궁금해서 문의드립니다.

onSuccess: () => {

  queryClient.invalidateQueries({

    queryKey: [

      queryKeys.POST,

      queryKeys.GET_POST,

      queryKeys.MARKER,

      queryKeys.GET_MARKERS,

    ],

  });

}