I need to submit the form with react hook form with zod validation. But in my condition, the submit button was outside of the form tag. So I used the id form method. ( please sudjust any other method as…
I recently learnt that React renders a snapshot of the UI before the set function is called to change the state and re-rendering is perform. The entire JSX works with the previous state. For example: import { useState } from…
I have a basic form where the code for it is using react-hook-form and looks like: import "./styles.css"; import { useForm, useFieldArray, Control, Controller } from 'react-hook-form'; import { useState } from 'react'; const defaultValues = { "foo": [ {…
I'm using React, I have a form inside of another form: When a user clicks on a specific button, a dialog shows up, which has the form that I want to be submitted. My 2 forms have different IDs, but…
so um I've been trying to make a reusable Input component so I don't have to copy paste all of the styles everywhere and I made this import { FieldValues, UseFormRegister, Path } from 'react-hook-form'; interface Props<T extends FieldValues> {…
I have a form managed by react-hook-form, and want the validation to be triggered onBlur. The validation rules are defined with a Zod schema. The problem is that the validation for some reason is not being triggered by the first…
so I'm almost finish with my update form but I've got a problem in my conditional field. So I have a select field wherein it will show a conditional field depending on the selected value, but the problem I'm encountering…
I'm trying to validate the input after the API request. It looks like value hasErrors is not updated within a validation function. Only after the rerender it gets the value. And - yes I tried many things like useCallback, setting…
I have a multi-page react-hook-form form and I'm running into a validation issue I can't seem to wrap my head around. I'm trying to only validate the page the user is on, not pages they haven't made it to yet.…
In my form, I would like the user to have the ability to add an undetermined number of users from other platforms (in this case, the other platforms are Go (board game) servers): My Zod schema looks like this at…