On the Form onSubmit function i am getting a typescript error that i am not able to understand how to fix - Promise-returning function provided to attribute where a void return was expected.eslint@typescript-eslint/no-misused-promises const onSubmit: SubmitHandler<FormInput> I've tried many solutions…
I have a JS objects like below (this is just one of many) const formInput= { Service_Name: { required: true, type: "text", constraint: { min: 3, max: 15, format: "alpha-hyphen-numeric" } }, Content_Type: { required: true, type: "select", options: ["Markdown",…
I am creating form from JSON using react hook form.I am using below library https://www.react-hook-form.com/ ISSUE : In my JSON Each field have one property "disabled" . On the basis of property I want to disable or enable that field…
I try to add yup validation to my form which is built with react-hook-form. I also use the standard components from @headlessui to build my components. My usecase is the following: If the Radio Input is checked with "Yes" the…
I just created a new project with MUI, react-hook-form and yup I got a login page, which have a UI bug that I can't figure out. When I load the page, default values are correctly completed by browser, but it's…
Hello I am currently working on my own project. I used React Hook Form for my Add Profile menu. But I have problem when I want to send a error validation message in input with nested object, like this. //…
I'm trying to compare 2 number inputs with yup validation. One of the names is number1 and the other is number2. number2 must be greater than or equal to number1 and number1 must be less than or equal to number2.…
In the input I bind its value to the React.useState() value={state}. but for some reason, when submitting, data always contains the original value, even if the state has changed. However, the input itself sees the change in the state. But…
With React Hook Form, I want to redirect user to /Page2 on Submit. However, for some reason, I am getting redirected to http://localhost:3000/#/ I have event.preventDefault(), but still not sure why the redirect is happening to / and not to…
I'm new to formik. i searched couple of times and didn't find a working solution. so i need your help to resolve this issue. my formik form as below, <Form> <div> <div> <div> <Field type="text" id="firstName" name="firstName" className="form-control" placeholder="First Name"…