reset isSuccess

[daggala]

I have a form where I am using isSuccess in my useMutation hook. When I finish saving the form I display a success message. Then when I would like to edit the form again, then I would like to reset isSuccess to false like in the beginning, display no success message and save the form again. Is there a way to do this? I saw the reset function but it only resets data and error.

[denisborovikov]

The isSuccess from useMutation hook shows the result of the mutation, not the state of your form. It's a different state. Yes, it derives from the hook's state at the beginning, but lately, you use it separately. Use a different state variable.

Something like that

const [isFormSuccess, setIsFormSuccess] = React.useState(false);
const {isSuccess} = useMutation(...);

// Sync values of `isFormSuccess` and `isSuccess` if `isSuccess` changes
React.useEffect(
  () => {setIsFormSuccess(isSuccess)},
  [isSuccess]
)


function resetForm() {
  setIsFormSuccess(false);
}

....

<button onClick={resetForm}>Reset</button>

[felipemaccari]

you can use the 'reset' that the useMutation provides!

just call it whenever you want

const [mutate, {isSuccess, isLoading, reset}) = useMutation(yourMutation)

[sergnio]

This is awesome! I had no idea about reset and it's perfect for my usecase.
Thanks for this answer