I am new to React and trying to implement a function in a form but I just can't get it to work. The form uses react-hook-form, axios and Bootstrap 5.2.3. I tried but couldn't make useState work, what I need…
I am having an issue with Shadcn react library's Select component. It seems that "dynamically" generated SelectItem is causing an issue were they are not displayed in the SelectValue box when selected. I am using Zod validation library. I am…
I'm using React Hook Form with dynamic fields for teams. While the validation works and displays errors correctly upon submit, the error messages don't disappear when I correct the input. Here's the relevant code: const formSchema = z.object({ name: z.string().min(1,…
I have a form (codesandbox here) with 2 components: A select input for the language (e.g.: English, Spanish) A textfield where the user enters a text in the selected language The default form data looks like this: { "greeting": {…
I have created the React js demo using React MUI. I have made a separate component for each input called InputText.js and used this for each text box. My issue is when I used this component for any single information…
I have created a form with react hook form and did a validation with zod. In one input I want to write in numbers, when I write any number, the error says it is not a number: <Controller name="calories" control={control}…
So my goal is to keep input values after user refresh page using localStorage. I am using react-hook-form to handle whole form behavior. I managed to target those values and save them inside localStorage so after refreshing browser input values…
I am trying to make a form and obviously do not want the page to refresh on submit but I am struggling to make this happen. Here's the code: 'use client' import * as React from 'react'; import {useForm} from…
I'm trying to make a page for editing but the problem is react MUI does not properly render text fields after I updated my form data via reset method of react-hook-form. This is what it looks like: However, if I…
Language used : Js with react, react hook form and material ui What I want to achieve : I want to create an input with mask. the mask have static value, variables value and user value. Here is where i…