Correct way of handling error on clientside

ZZackyy ```tsx const submitHubForm = (e: FormEvent, hubName?: string) => { e.prevent...

J

julius•1/22/23, 1:03 PM

Either onError prop on useMutation, or wrap mutateAsync in try-catch block

J

julius•1/22/23, 1:13 PM

there are lifecycle methods you should use on the hook call for this

J

julius•1/22/23, 1:14 PM

const createHub = proc.useMutation({
  onSuccess: () => { /** handle onSuccess */}
  onError: () => { /** handle error */}
})


const handleSubmit = () => {
  // ...
  createHub.mutate(...);
}

const createHub = proc.useMutation({
  onSuccess: () => { /** handle onSuccess */}
  onError: () => { /** handle error */}
})


const handleSubmit = () => {
  // ...
  createHub.mutate(...);
}

const createHub = proc.useMutation({
  onSuccess: () => { /** handle onSuccess */}
  onError: () => { /** handle error */}
})


const handleSubmit = () => {
  // ...
  createHub.mutate(...);
}

const createHub = proc.useMutation({
  onSuccess: () => { /** handle onSuccess */}
  onError: () => { /** handle error */}
})


const handleSubmit = () => {
  // ...
  createHub.mutate(...);
}