RTK Query: manually reset mutation state

[tkharuk]

I'm facing a situation where I need to hide error from mutation.
In React Query there is a mutation.reset method that would do that.

Are there ways to achieve something similar?

const CreateTodo = () => {
   const [create, { error }] = useCreateMutation()
 
   const onCreateTodo = () => {
     create({ /* ... */ })
   }

   const hideError = () => {
     // mutation.reset() ?
   }
 
   return (
     <form onSubmit={onCreateTodo}>
       {error && <h5 onClick={hideError}>{error}</h5>}

        // ...
       <button type="submit">Create Todo</button>
     </form>
   )
 }

[Shrugsy]

For usage questions, please use the discussions section rather than issues.

A reset method will be available in v1.7 which is not released yet.

In the meantime, @phryneas has shown how you can imitate the functionality yourself in this comment.

e.g.

const CreateTodo = () => {
   const lastMutation = useRef(undefined)
   const [create, { error }] = useCreateMutation()
 
   const onCreateTodo = () => {
     lastMutation.current = create({ /* ... */ })
   }

   const hideError = () => {
     lastMutation.current?.unsubscribe()
   }
 
   return (
     <form onSubmit={onCreateTodo}>
       {error && <h5 onClick={hideError}>{error}</h5>}

        // ...
       <button type="submit">Create Todo</button>
     </form>
   )
 }

[tkharuk]

@Shrugsy thanks for links!