I and my team are working on a React project these days, and I am new to the React. We are strugling to choose a better form library for my React application. There are multiple choices in out there, but…
I have a form that has two input fields that are mutually dependent on each other. They can both be blank but if one is filled out, the other has to be filled out. They must also both be numbers…
I'm using react-hook-form with typescript to send the input data to the server and create tasks. I am setting the form defaultValues as strings: defaultValues: { taskType: "", title: "", start: "", notes: "", tags: "", } But before sending…
Hi i have a form with 8 fields. Name Email isWorking (checkbox) Company Name Company Type Company Number Fav Car (dropdown) Other Car if isWorking is checked then Company (Name, Type, Number) fields will get visible and all 3 will…
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…