I have the following schema:

Is there a way to affect the scroll speed on the append from useFieldArray so that it moves more smoothly? Right now as default, when I append to the list it snaps the user to the newly added item. I can’t seem to find any options on changing this anywhere.

With react-hook-form, you can add a custom error message for required like this:

I’ve created an input and received the file, I can see the data stored in formData, but when I send them to the server-action I receive this error:

I noticed that when typing the first character in my TextField, or when removing it (the first character only), my whole page is re-rendered.

I am using react-hook-form. I have a field with onChange set. When I use setValue on this field, I expect onChange to be triggered, but it is not. Why is onChange not working after calling setValue?

I use MUI DatePicker component in React-Hook-Form. When I console log the date value, I find that it’s a string.

I want to create a form with two MUI Select components. Conference and division are inter-related. Their relationships are described below.

There is a conference corresponding to each division, as shown in the teams array. When a division is selected, the corresponding conference will be automatically selected.

I’m using react-hook-form and zod. Though I’m able to achieve the desired behavior, I want to know if there is any better way of doing it.