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…
I have a multi-step form (react-hook-form) in Next.js. The onSubmit() event lives in a component called from the layout, and I'd like to be able to add a spinner and disable the submit button. How can I know on the…
I`m trying to make a login form in react using react-hook-form, but when I try to submit with null input values - errors for "password" is getting deleted after rerender. And "login" errors are not being displayed at all. If…
I am experiencing an issue in my web application. When I press the "Submit" button without selecting a date, the error message displays correctly. However, I have noticed that the text does not highlight in red as it should. Additionally,…
Somehow, there are non-stop requests going to the backend. I tried removing requiredFields from useEffects's dependencies, but then the frontend stops re-rendering. I had to reload the page to render new values. How do I fix it? Tell me if…
Background I want to make a Number Input. This custom input accept only number and has character length limitation. Will be used with react-hook-form. import React, { useEffect, useState } from "react"; type NumberInputProps = { _maxLength?: number; name: string;…
I'm currently working with react-hook-form and zod for form validation in my React project. I have a specific field, let's call it age, with its input type set to the default (string). In the Zod schema, I explicitly define this…