Use TRPCClientError.cause in frontend

Hi all,
My TRPC route can sometimes fail. Say the error is CartValidationErrorCartValidationError

In the frontend, I want to be able to do:

try {
  await trpcProxyClient.user.cart.addCoupon.mutate({ ...payload, cartOwner })
} except (error) {
  if (error instanceof CartValidationError) {
    // do thing
  } else {
    // do other thing
  }
}

try {
  await trpcProxyClient.user.cart.addCoupon.mutate({ ...payload, cartOwner })
} except (error) {
  if (error instanceof CartValidationError) {
    // do thing
  } else {
    // do other thing
  }
}

The problem is that the error is of type TRPCClientError. In the backend, I can see that the error.causeerror.cause is what has the real error (CartValidationErrorCartValidationError)

Is there a way for me to make the backend return the error in it's original type so I can use instanceOf? If not, can I use error.cause in the frontend? (doesn't seem possible yet)

tRPC•2y ago•

1 reply

santi

Use TRPCClientError.cause in frontend

Hi all,
My TRPC route can sometimes fail. Say the error is CartValidationErrorCartValidationError

In the frontend, I want to be able to do:

try {
  await trpcProxyClient.user.cart.addCoupon.mutate({ ...payload, cartOwner })
} except (error) {
  if (error instanceof CartValidationError) {
    // do thing
  } else {
    // do other thing
  }
}

try {
  await trpcProxyClient.user.cart.addCoupon.mutate({ ...payload, cartOwner })
} except (error) {
  if (error instanceof CartValidationError) {
    // do thing
  } else {
    // do other thing
  }
}

No replies yet

Join the Discord to continue the conversation

tRPC

Move Fast & Break Nothing. End-to-end typesafe APIs made easy.

4,854 Members

Join

Use TRPCClientError.cause in frontend

Use TRPCClientError.cause in frontend

No replies yet

tRPC

No replies yet

tRPC

Similar Threads