I created a small form(label, input with button ) to ensure that the loading indicator should show when submitting the form. I used @chakra-ui/react and react-hook-form to work on it. I want to show a "loading indicator for 2 sec…
I am validating fields with react-hook-form and besides having fields as required, I also run the toast to show user that field is required. I use the following function to achieve it: const runError = () => { if (!isValid…
I'm using Yup validation in a React Typescript application. Based on the validation schema, how can I determine if a particular field is required? (I'm creating a custom text field component, and I want to dynamically add a required property…
I am creating a User registration form using React JS and as I have defined the fields and its validations along with the submit handler, it does not console log Hello World after pressing submit button. It doesn't seem to…
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…