custom errorFormatter doesn't work for me

[quxiaodong]

const t = initTRPC.context<Context>().create({
  errorFormatter(opts) {
    const { shape, error } = opts
    return {
      code: error.code,
      message: error.message,
      httpStatus: shape.data.httpStatus
    }
  }
});

signIn: publicProcedure.input(
  z.object({
    username: z.string(),
    password: z.string(),
  })
)

Then, I use postman to call the api without any request payload,

[quxiaodong]

I found this can resolve this problem

const t = initTRPC.context<Context>().create({
  errorFormatter(opts) {
    const { shape, error } = opts
    return {
      code: error.code,
      message: error.message,
      httpStatus: shape.data.httpStatus,
      data: {} // add this line
    }
  }
});

but why the error key wrapper the response

I just want like

{
  code: '',
  message: '',
  httpStatus: 400
}

[KATT]

Follow the docs. You need to spread the incoming properties the same way the docs

https://trpc.io/docs/server/error-formatting

Eg

import { initTRPC } from '@trpc/server';
export const t = initTRPC.context<Context>().create({
  errorFormatter(opts) {
    const { shape, error } = opts;
    return {
      ...shape,
      data: {
        ...shape.data,
        zodError:
          error.code === 'BAD_REQUEST' && error.cause instanceof ZodError
            ? error.cause.flatten()
            : null,
      },
    };
  },
});