How to handle multiple errors in (react query) using (hono rpc)?

[igmtink]

How can I handle multiple errors like in my case?

What I want is to display the error coming from the backend honojs, to the client side for the best ux experience, displayig the Username is already exist or Email is already exist when the user is registering.

[yusukebe]

Hi @igmtink

Try to write if (!response.ok) first.

if (!response.ok) {
  const data = await response.json()
}

// ...

[igmtdev]

I just want my code to be like this for better to read, but I can't destructure the { data }

[kosei28]

It seems that Hono's ResponseType is used for useMutation, but in this case it becomes { data: string } | { error: string }. const { data } = await response.json()'s data is of string type, so a type error will occur.

[igmtdev]

so sir @kosei28 there's nothing I can do here? I just will return await response.json()?

[kosei28]

I think the type error will be resolved by changing ResponseType as follows.

type ResponseType = InferResponseType<typeof client.api.signup.$post, 200>['data']

[igmtdev]

thank you sir @kosei28 it works :)