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

optimistic-updates#updating-a-single-todo 문서를 보면 useMutation - onError의 모든 parameter err, newPost (variables), onMutationResult, context와 onSettle의 모든 parameter를 사용해서 구현하는데, client를 queryClient를 가져와서 쓰는 강의 중 예제와, 문서 내의 내용으로 구현한 아래의 주석처리된 구현은 어떤 차이가 있을까요?

onError: (err, newPost, context) => {
  queryClient.setQueryData(
    [queryKeys.POST, queryKeys.GET_POST, context?.newPost?.id],
    context?.previousPost,
  );
},
// onError: (err, newPost, onMutationResult, context) => {
//   context.client.setQueryData(
//     [
//       queryKeys.POST,
//       queryKeys.GET_POST,
//       onMutationResult?.previousPost?.id,
//     ],
//     onMutationResult?.previousPost,
//   );
// },
onSettled: (data, error, variables, context) => {
  queryClient.invalidateQueries({
    queryKey: [queryKeys.POST, queryKeys.GET_POST, variables],
  });
  queryClient.invalidateQueries({
    queryKey: [queryKeys.POST, queryKeys.GET_POSTS],
  });
},
// onSettled: (data, error, variables, onMutationResult, context) => {
//   context.client.invalidateQueries({
//     queryKey: [queryKeys.POST, queryKeys.GET_POST, variables],
//   });
//   context.client.invalidateQueries({
//     queryKey: [queryKeys.POST, queryKeys.GET_POSTS],
//   });
// },

a