zod validator for param does not work about middleware

[tomlaws]

neater alternative

const schema = z.object({
  limit: z.string().pipe(z.coerce.number().min(1).max(20)).optional(),
});

[yusukebe]

Hi @ryoppippi,

Does the error disappear if you change the line to the following?

const schema = z.object({ userID: z.number().int() })

to

const schema = z.object({ userID: z.string() })

[zengsun]

me too!

import { Hono } from "hono/mod.ts";
import { z } from "zod/mod.ts";
// import { validator } from "hono/validator/index.ts";
import { zValidator } from "npm:@hono/zod-validator";

const router = new Hono();
const schema = z.object({
  name: z.string(),
  age: z.number(),
});

router.post(
  "/register",
  zValidator("form", schema),
  async (c) => {
    const data = await c.req.parseBody()
    return c.json({ hello: "world", data });
  }
);

export const registerRouter = (app: Hono) => app.route("/", router);

ts error:

No overload matches this call.
The last overload gave the following error.
Argument of type 'MiddlewareHandler<Env, string, any>' is not assignable to parameter of type 'H<Env, "/register", {}, {}>'.
Type 'MiddlewareHandler<Env, string, any>' is not assignable to type 'Handler<Env, "/register", {}, {}>'.
Types of parameters 'c' and 'c' are incompatible.
Type 'Context<Env, "/register", {}>' is not assignable to type 'Context<Env, string, any>'.
Types have separate declarations of a private property '_req'.

[yusukebe]

@zengsun

Fix like the following:

const schema = z.object({
  name: z.string(),
  age: z.number(),
});

// To

const schema = z.object({
  name: z.string(),
  age: z.string(),
});

Because the "form" values should not be number.

[ryoppippi]

hi @yusukebe !!
Thanks!
I changed like below and it works fine!!! :

const schema = z.object({
  name: z.string(),
  age: z.string().transform(v=>parseInt(v)).refine(v=>!isNaN(v), {message: 'not a number'})
});