I am using react Typescript to build a form with Zod validation schema. What I am trying to achieve? So, I want to render conditions based on the values of another field. Every country has its own phone code and…
I have the code: import { z } from "zod"; interface f { tmp: number; } How can I now check that object like { tmp: 123 } has same structure as f?
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…