Upon clicking the SubmitBtn in the LoginForm component for the first time, the form fails to submit, and nothing appears to happen. The onInvalid function returns an empty object ({}). However, on the second attempt, the onInvalid function provides the…
I am a newbie to web-dev and learning React. I have used ZOD for form implementation. My IDE is not showing any errors but when I click on submit button, screen doesn't gets re-render. It would be nice if someone…
I'm working on a form using react-form hooks and using zod for validation. I'm using zod discriminationUnion to dynamically show different fields based on a selection named modes with three options: FCL, LCL, and BULK. I have 3 zod schemas…
I'm working with a validation schema using Zod, where I have an items field that represents an array of objects. In this scenario, I'm specifically using it for invoice items. Each item is an object with various properties. I'm facing…
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 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}…
Suppose I have the schema in javascript: import {z} from "zod"; let personSchema = z.object({ name: z.string(), id: z.number() }); now I want to use the type somewhere else: /** * @param {{name:string, id:number}} person * but should instead be…
I have something like this: const regexOne = <regex> const regexTwo = <regex> const regexThree = <regex> const Schema = z.object({ validation: z.string().toUpperCase().union([z.regex(regexOne), z.regex(regexTwo), z.regex(RegexThree)]) }) But I am not having success. Any suggestions on how I can validate data…
I am creating a app using T3 stack + react-hook-form + zodResolver:@hookform/resolvers/zod I have a zod schema defined as below export const AccountSchema = z.object({ id: z.string().uuid().optional(), title: z.string().min(1, { message: 'Title is required' }), description: z.string().min(1, { message: 'Description…
In this scenario, i want to take only a react component as input. import { FC, ReactElement } from 'react'; import { NextLink } from '../links/NextLink'; import { z } from 'zod'; export const BlogCard2PropsSchema = z.object({ link: z.string(), title:…