Textarea + Form not throwing validation errors

[zeevo]

Hello

I think the example on the docs does not work as intended.

I would expect it to show an error when the typing a value that breaches the zod schema but it does not.

Recreation sandbox here

Thanks for the all the great components

[dan5py]

Hi @zeevo, by default the useForm hook by react-hook-form has the mode set to onSubmit, this mean that the validation is applied only when the form is submitted. You can change it to onChange to get the behaviour you're expecting.

const form = useForm<z.infer<typeof FormSchema>>({
    resolver: zodResolver(FormSchema),
    mode: `onChange`
  })

For further information check the react-hook-form docs

[zeevo]

Thanks for the tip @dan5py !