How to Trigger Validation on Page Load with conform-to/react and zod?

[KokiKubota2]

I'm using conform-to/react and zod for validation in my React application. Is it possible to trigger validation when the page initially renders?

Currently, even if the default values violate the validation rules, form.valid still returns true. How can I ensure that the form reflects the validation errors and sets form.valid to false on initial render?

Any guidance would be appreciated!

[Pouet--]

Did you try with form.validate() (and maybe form.reset()) methods, to manually trigger the validation ?

[KokiKubota2]

@Pouet--
Thank you for your reply.
Is manually triggering validation the only option? I was hoping it could be done more easily with some settings or options.

[Pouet--]

I do not see any option for this purpose in the useForm constructor. The shouldValidate option offers 3 possibilities : onSubmit, onBlur, onInput.

You can try to trigger the validation at load with something like useEffect(() => form.validate(), [form.id]);

[KokiKubota2]

@Pouet--
Got it. Thank you!