What is the benefit of useMutation?

[devhyunjae]

What is the benefit of useMutation comparing to the classic react-way?

example.

useMutation

useMutation(() => addMovie(movie, user?.id), {
    onSuccess: () => {
      queryClient.refetchQueries('recommendations')
    }
  })

vs

plain react

async () => {
   await addMovie(movie, user?.id)
   await queryClient.refetchQueries('recommendations')
}

[TkDodo]

You can track the state of the mutation, like loading and error. This allows you to e.g. disable the button that triggers the mutation while the mutation is running - a very common scenario

[devhyunjae]

Thanks for the fast response!