Client side error handling.

Pptrxyz I am using tRPC v10 and I have trouble to get the error handling right. Can anyo...

J

julius•1/18/23, 12:22 PM

Might have to check that error.data is an object before using the

in

in

operator?

J

julius•1/18/23, 12:23 PM

Although none of this should be necessary if you setup the errorFormatter properly

J

julius•1/18/23, 12:24 PM

Is this serverside or clientside?

Pptrxyz Click to see attachment

J

julius•1/18/23, 5:33 PM

where are you handling this? without any customization i get this from the query

J

julius•1/18/23, 5:35 PM

You can also do something like this during initialization

const t = initTRPC.context<typeof createTRPCContext>().create({
  transformer: superjson,
  errorFormatter({ shape, error }) {
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.code == "BAD_REQUEST" && error.cause instanceof ZodError
            ? error.cause.flatten()
            : null,
      },
    };
  },
});

const t = initTRPC.context<typeof createTRPCContext>().create({
  transformer: superjson,
  errorFormatter({ shape, error }) {
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.code == "BAD_REQUEST" && error.cause instanceof ZodError
            ? error.cause.flatten()
            : null,
      },
    };
  },
});

const t = initTRPC.context<typeof createTRPCContext>().create({
  transformer: superjson,
  errorFormatter({ shape, error }) {
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.code == "BAD_REQUEST" && error.cause instanceof ZodError
            ? error.cause.flatten()
            : null,
      },
    };
  },
});

const t = initTRPC.context<typeof createTRPCContext>().create({
  transformer: superjson,
  errorFormatter({ shape, error }) {
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.code == "BAD_REQUEST" && error.cause instanceof ZodError
            ? error.cause.flatten()
            : null,
      },
    };
  },
});

and the zodError should be inferred on the frontend

Pptrxyz Somehow it does work now, not sure why that i though

J

julius•1/19/23, 12:05 PM

good to hear