I am using react-hook-form with MUI components. To use the Select component, I have wrapped it in the Controller as it can't be registered directly. Everything is working but setValue. Here is the Code: const { register, control, handleSubmit, setValue,…
I'm encountering an issue with form validation using react-hook-form and Yup where validation errors are reported even though the fields appear to be valid according to my Yup schema. The form includes nested fields under clientInformation, such as name.firstName and…
I added react hook form in react app, while validating certain fields i add some condition in schema. yup .object({ test1: yup.number().when('test2', (test2: number, schema: yup.NumberSchema): yup.NumberSchema => { if (test2 !== undefined && test2 < 1) { return schema.required('Required…
I am trying to build a field array component in TypeScript that can work with more than one form. To do this, I am trying to use a generic to pass the form fields interface, but I can't quite get…
I'm a typescript newbie. Description I have a typescript react application, and now I've had a problem that I need to dynamic watch the values comes out of the watch() from react-hook-from based on the different param that passed into…
While using the ui template and React Hook Form, I noticed this problem while defining the onChange property because something happened to customize the AutoComplete component. Can you tell me why the child's onChange doesn't work when onChange works in…
Let's say I have a component that accepts an element (likely to be <input />) and I want to programmatically update the value of it after 15 seconds. This is my first thought on how to do it: const MyComponent…
I'm using react-hook-form inside of a Form component. The Form component has to update its container - App component. The From component should not have a submit button. Therefore, a watch method of react-hook-form has to be used. The App…
I'm working on a form with some optional fields that need to be validated only if an input is entered. However, react hook form returns a validation error even when no inputs. I have also tried to set: required: {…
I have a form for adding a cocktail recipe. I am using React-Hook-Form to build it. One of the sections is list of ingredients. For a start there should be only a single row. If the "Add ingredient" button is…