magically type useForm using zod infer

[jondot]

Hi all,
I usually like to provide type information only once in a project. Since we're using Zod for schemas, we can also infer types from it. Which means, once provided a schema to RHF, it has all the information it needs.

Which makes this fully typed:

import { useForm } from '@/lib/hooks/use-form/zod'
const schema = z.object({
  email: z.string().min(1, { message: 'email is required' }),
  password: z
    .string()
    .min(5, { message: 'password requires at least 5 characters' }),
})
const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({ schema })

Implementation of the Zod specific useForm swaps the resolver and uses z.infer<...>

import type { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form'
import { useForm as rhUseForm } from 'react-hook-form'
import { zodResolver } from '@hookform/resolvers/zod'
import type { ZodType, z } from 'zod'

export const useForm = <
  T extends ZodType<any, any, any>,
  TFieldValues extends FieldValues = z.infer<typeof schema>,
  TContext = any
>(
  props?: UseFormProps<TFieldValues, TContext> & { schema: T }
): UseFormReturn<TFieldValues, TContext> => {
  const { schema, resolver: _resolver, ...rest } = props
  return rhUseForm<TFieldValues, TContext>({
    resolver: zodResolver(schema),
    ...rest,
  })
}

I was thinking this can be a cool addition to the resolvers repo, and a better developer experience. Maybe something like

import { useForm } from '@hookform/zod`