How can i access the isError to handle post requests errors?

[gmcamposano]

I made a small app to add people, where i intentionally try to return an error with duplicate ids. I am struggling also with a bigger app to find out how to use isError to be able to handle errors.

https://codesandbox.io/s/stupefied-bush-y4wcc7?file=/src/App.js

How can i handle the error that comes from the api with 500 status?

[gmcamposano]

Never mind.
To solve the issue i must use:

const addPerson = useMutation({
    mutationFn: async (newPerson) => {
      await axios.post('https://retoolapi.dev/gnQN1P/data', newPerson)
    },
    onSuccess: () => {
      queryClient.invalidateQueries(['names'])
    }
  })

And addPerson i use the state which is isError addPerson.isError

So if I have a CRUD, i have to attach the isError method to each of the functions? addPerson.isError, updatePerson.isError... etc?