I'm new to React and js in general and I'm following a crash course on React on got stuck on this error at some point in the course, and I'm getting this error for the preventDefault method that I have…
I have a form <Form onSubmit={handleSubmit(applyFilter)}> <FormLabel>Organization</FormLabel> <Controller name="Units" control={control} render={({ field }) => <Select {...field} placeholder={translate("Select organization")} options={filterModel.data?.units.map(unit => { return { label: unit.name, value: unit.id } })} isMulti closeMenuOnSelect={false} /> }/> </Form> But i have an error when…
I have a CDOB component and a DOB component that are using Mds form elements and react-hook-form's useFormContext. I want to write a test case for the useFormContext methods such as watch. Here is the code for the components: export…
I'm making a register form with react-hook-form. I use useRef to compare "password" and "password_confirm". I know that useRef is used to variable commonly. and the lecture that I heard let me this way. const { register, handleSubmit, watch, formState:…
I want to display default value for my Textfield. In this case I want to create the form when users will can update their profile but I need to display current data like name. Look at this simple example: const…
I would like to have a custom component for a password input with eye icon, as follows: type FormValues = { email: string; fullName: string; password: string; confirmPassword: string; }; type PasswordInputProps = { name: string; value: string; register: UseFormRegister<FormValues>;…
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…