I am developing a wizard setup for the company I work for, this wizard will be used for the sign in flow when a user try to create an account. For each step I conditionally render different inputs, when the…
I have developed a serverless application using next.js, Vercel, and Google Sheets. I am using Google sheets to save customer contact data. My application logic works fine locally during production. I am receiving the data successfully in my google sheet…
I have two select inputs pickUpTime and dropOffTime in react-hook-form populated with an array of strings. The array intervalTime is an ordered time slots with a 15 minutes interval const IntervalTime = [ '09:00', '09:15', '09:30', ... ] I want…
I have a DateTimePicker component that I'm trying to use in a form controlled by react-hook-form, the validation is really simple, using the disablePast prop on the DateTimePicker to ensure that the date selected is in the future. The issue…
I have a very simple implementation of a counter. On form submit, the value of the counter is always "0". The counter value is changing but I am not sure why on form submit, the counter value is 0. I…
I am creating a app using T3 stack + react-hook-form + zodResolver:@hookform/resolvers/zod I have a zod schema defined as below export const AccountSchema = z.object({ id: z.string().uuid().optional(), title: z.string().min(1, { message: 'Title is required' }), description: z.string().min(1, { message: 'Description…
My react-hook-form is not working when onSubmit is called. Here is where my problem comes from I assume: const onSubmit = (data) =>{ console.log(data); alert("Reserve Successful") reset() } return ( <div className={styles.Reserve} id="form"> <form onSubmit={handleSubmit(onSubmit)}> The full code: import styles…
I am using React Hook Form. I have this simple form: A simple form When I enter values in the "quantity "and "price" fields, the third field, "total" shows the result of multiplying them. So far, all fine. But I…
If I have a generic Input component in a React Hook Form that can be used for both sign up & sign in forms, how can I make the IFormValues flexible, so that it can be used for both forms…
I cannot find a solution to make react-select and react-hook-form work. I constantly get an error: Cannot read properties of undefined (reading 'name') and an error telling me that my field is required. Here is my code in codesandbox: https://codesandbox.io/s/funny-elbakyan-h5xz8w?file=/src/App.tsx:0-1347…