How get type on @trpc/react-query with Typebox input validation ?

[dalton-oliveira]

I'm trying to use Typebox as input validation but I can´t get the correct type checks on client. It works with Zod input validations

import { z } from "zod";
import { Type as T } from '@sinclair/typebox';
import { wrap } from '@typeschema/typebox';

export const appRouter = router({
  foo: publicProcedure
    .input(wrap(T.Object({ name: T.String() })))
    .query((ctx) => ({ resp: `Foo${ctx.input.name}` })),
  bar: publicProcedure
    .input(z.object({ name: z.string() }))
    .query((ctx) => ({ resp: `Bar ${ctx.input.name}` })),
 // ....

Using the '@trpc/react-query' it won´t infer the type

import { createTRPCReact } from '@trpc/react-query';
import type { AppRouter } from "../../../../api/trpc/src/router";

const trpc = createTRPCReact<AppRouter>();

trpc.foo.useQuery({ name: "foo", wontFail: "" }); // doesn't shows type error
trpc.bar.useQuery({ name: "foo", willFail: "" }); // shows type error

But it works with createCallerFactory

const createCaller = createCallerFactory(appRouter);
const caller = createCaller({});
caller.foo({ name: "aa", willFail: "" }); // fails as expected