Get a custom response error

[apenab]

When I make a mutation:
const {mutate, error} = useMutation(async () => .....)
And an error occurs, for example, I forgot to fill in a required field. My server respond an error with the fields required

Is there any way to configure so that it always responds with the custom response error and avoid having to do in all my request: error.response.data?

[TkDodo]

Errors are generic in react-query because every promise from a fetch / mutation function can throw with, well, anything literally in javascript, so there is no way to tell. I would just do a custom hook:

const useMyMutation = () => {
    const { error, ...mutate } = useMutation(async () => ...)

    return { ...mutate, error: error?.response.data }
}

or something similar.

[venn24]

Sometime will return have field message, i will check throw new Error(err.message)