I have a multistep form build with react-hook-form. The JSX is:

I have a form managed by react-hook-form, and want the validation to be triggered onBlur. The validation rules are defined with a Zod schema.

I have two Select boxes that represent a key value pair. The selected Key value filters the Values options when onChange is called. This works fine for new items, but when I load in an object, the Values Select box doesn’t load any options because it is empty until a Key has been selected and defaultValue doesn’t trigger onChange. Is there a way to read the defaultValue, perhaps in a useEffect block to mimic the onChange event and populate the Values options?

i have a component called CommonCheckPage that renders another component called CommentTextAreaInput and passes to it some data via props.

I have a reactive form featuring a toggle that mounts and unmounts (unregisters) a substantial child form within the main form.