tanstak/react-queryでoptimistic uiを実装するのに参考にしたメモ

onSettledだけでonErrorのハンドリングもできる
onErrorでやってもいいけど、ここは好み

useMutation({
  mutationFn: updateTodo,
  // ...
  onSettled: (newTodo, error, variables, context) => {
    if (error) {
      // do something
    }
  },
})

調べていったら最新バージョンではonSettled, onError, onSuccessは非推奨になってる...

mashimo

変更の経緯

ryoh

すみません、TanStack Queryについて調べていたら辿り着いたので、横から失礼します🙏
onSuccess onError onSettled の廃止は useQuery のみで useMutation については引き続き維持されるようです✨

理由も「楽観的な更新に必要である」とのことで安心して使って良さそうです👍

mashimo

そうなのですね！！！
指摘ありがとうございます！！
とても助かります！