I'm experiencing a challenge with React Hook Form where my child component InputX re-renders every time there's an update in the parent component or other parts of the application, despite no changes in InputX itself. I’ve pinpointed that the re-renders are triggered by the…
I'm working on a React Native project where I'm using React Hook Form for a dynamic form, along with Valibot for validation. I have a scenario where I need to hide some input fields based on certain conditions. However, these…
I am using the Obytes Starter for a React Native app. It use React Query and React Query Kit for data fetching and React Hook Form and Zod for forms. This is my first time using React Query. I'm struggling…
I have a multi-step form that has a "next" button that pushes you through the different steps. on the last page it changes to a "submit" button that connects to a form. I dynamically set the type and form attributes…
I have a toggle button to turn auto mode on and off, but I don't know how to make react-hook-form automatically submit when this button is turned on. I have tried document.querySelector('form').requestSubmit() but it didn't work. Is there a way…
I'm working on a React component with a form that sends a message using a custom hook. Despite using e.preventDefault() in the form's onSubmit handler, the page reloads every time I submit the form, which interrupts my debugging process and…
I'm looking into React and React Hook Form, I managed to display custom messages below the inputs but I also want to display an alert using react-toastify to let the user know about all the errors. How can I add…
I am building a front-end application using React, TypeScript, and React Hook Form for form management. I decided to run some tests to try to better understand how React Hook Form works, and I ended up encountering a "problem" when…
I am using shadcn, zod, react-hook-form to render a form, some fields are optional and some are mandatory so they do not have the .optional() attribute. I want to render a red * if the field is mandatory, how can…
I am working on a checkbox control. And this method does not seem to be optimal. I don't know if this is the correct usage of react-hook-form. function App() { const methods = useForm(); const { setValue, register } =…