Category "react-hook-form"

material-ui dialog causes react-hook-form to change isValid value causing RTL act errors

I am trying to test a dialog with react testing library. This dialog contains a form I render with react hook form. This form has a single field with some valid

in React, is <input value={func(item.foo)} a performance problem?

I may be mixing best practices between React and Angular... in React, does this incur performance penalties or memory issues? I know it's not good practice. In

Why onchange, onblur and useRef doesn't work with react hook form?

I tried to use the useRef hook, onChange, and onBlur with react hook form fields. But it doesn't seem to work for a reason. Can someone please explain why it do

Why use yup validation?

There is a validation method provided by the react hook form. Nevertheless, some developers sometimes use yup validation. What I thought about seems to have the

How to resolve the error: Module '"react-hook-form"' has no exported member 'useForm'

I want to make simple login page using react-hook-form I get this error: Module '"react-hook-form"' has no exported member 'useForm' import React from 'react'

When I try to use controlled data, schema isn't working at all

I'm working on a form with controlled components using state, but I don't understand how to allow my yup formschema working. When components are uncontrolled, i

How to access the error message using yup and react-hook-form through formState?

I'm trying to display the error message I set using yup validation - my schema for displayName looks like this: displayName: yup.string().required("Please ente

REACT- Making 2 different dynamic displays depending on a selection checkboxes ( everything is on the same page now)

depending on the selection of my user Change the type or Choose the comments (he can select only one choice), there will be a different display, but my code dis

can not get input value using useRef in react hook form

I am using react hook form to make a login form .I am trying get the input value of email, after i click on reset button. so i used useRef. But useRef is not se

How to use react-dropzone with react-hook-form?

How to use react-dropzone with react-hook-form so that the form returns proper file - not just file name?

How to set focus a ref using React-Hook-Form

How do you implement set focus in an input using React-Hook-Form, this is what their FAQ's "How to share ref usage" code here https://www.react-hook-form.com/fa

How to create a reusable react-hook-form component with TypeScript generics?

Person component is reused in two different forms: Person.tsx import { UseFormReturn } from "react-hook-form"; import { FieldPaths } from "./types"; type Prop

Proper way to use react-hook-form Controller with Material-UI Autocomplete

I am trying to use a custom Material-UI Autocomplete component and connect it to react-hook-form. TLDR: Need to use MUI Autocomplete with react-hook-form Co

React-Hook-Form - defaultValues not updated are not registered

I have a form who get updated directly when an user change an input. For that, I use the onBlur method. When I change an input from the defaultValue, it save it

Yup when condition inside nested object

so i have a problem with conditional validation using yup. Basically i want shipping to have required properties when the checkbox is not toggled. I am using yu

Type 'Dispatch<SetStateAction<any[]>>' is not assignable to type '(values?: string) => void'

I'm very new to typescipt and trying to make a basic pin-input page. Sandbox link for my code . Although it is working, I'm getting this error for onChange func

Register is not a function when passing as a prop?

I use react-hook-form for the first time. I was reading the docs and followed along. Likewise, I already laid out my components and styled them. Now I am trying

Custom onChange for React Hook Form and watch()

I am trying to write a custom onChange and watch the change. Error: The watched myValue does not register the changes in the dropdown. Any ideas why? According

Where do I get user and pass for email form api setup?

I am trying to get this form working in Nextjs using 'React Hook Form'. So far I think everything is okay, but I need to know where to get the 'user' and 'pass'

Use react-hook-form with select and multiselect

I'm trying to use react-hook-form with multi-select and select but it is not working. It worked with normal text field but not with select and multiselect. Here

Other Categories