RPC types not working with imported Zod Object

Hi,
When using Hono with RPC for inferring types on endpoints I have encountered a strange behaviour. Post payload & return types are working if I use z.object(), but not an imported z.object() (I call it TestSchema in the example below). I don't want to redefine types in two places, is there any way I can have an imported Zod Object in zValidator that gets inferred to the client with RPC?

This works:

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", z.object({
    test: z.string()
  })), async (c) => {
    // logic
  });

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", z.object({
    test: z.string()
  })), async (c) => {
    // logic
  });

Results in this on client

(property) $post: (args: {
    json: {
        test: string;
    };
}, options?: ClientRequestOptions) => Promise<ClientResponse<{}, StatusCode, string>>

(property) $post: (args: {
    json: {
        test: string;
    };
}, options?: ClientRequestOptions) => Promise<ClientResponse<{}, StatusCode, string>>

This doesnt work:

// db/index.ts
export const TestSchema = z.object({
  test: z.string(),
});

// db/index.ts
export const TestSchema = z.object({
  test: z.string(),
});

// test.ts
import { TestSchema } from "@db/index.js";

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", TestSchema), async (c) => {
    // logic
  });

// test.ts
import { TestSchema } from "@db/index.js";

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", TestSchema), async (c) => {
    // logic
  });

Results in this on client

(property) $post: any

(property) $post: any

Thanks in advance

Hono•4mo ago•

16 replies

Rasmus Lian

RPC types not working with imported Zod Object

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", z.object({
    test: z.string()
  })), async (c) => {
    // logic
  });

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", z.object({
    test: z.string()
  })), async (c) => {
    // logic
  });

Results in this on client

(property) $post: (args: {
    json: {
        test: string;
    };
}, options?: ClientRequestOptions) => Promise<ClientResponse<{}, StatusCode, string>>

(property) $post: (args: {
    json: {
        test: string;
    };
}, options?: ClientRequestOptions) => Promise<ClientResponse<{}, StatusCode, string>>

This doesnt work:

// db/index.ts
export const TestSchema = z.object({
  test: z.string(),
});

// db/index.ts
export const TestSchema = z.object({
  test: z.string(),
});

// test.ts
import { TestSchema } from "@db/index.js";

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", TestSchema), async (c) => {
    // logic
  });

// test.ts
import { TestSchema } from "@db/index.js";

export const testRoutes = new Hono()
  .use(adminMiddleware)
  .post("/test", zValidator("json", TestSchema), async (c) => {
    // logic
  });

Results in this on client

(property) $post: any

(property) $post: any

Thanks in advance

RPC types not working with imported Zod Object

Similar Threads

RPC types not working with imported Zod Object

Similar Threads

Similar Threads

Similar Threads