z.mixed([z.string(), z.number()])

z.string().number()

z.string().or(z.number())

z.union([z.string(), z.number()])

z.alternate(z.string(), z.number())

z.string().min(5, "Minimum 5 characters required")

z.string().min(5).error("Minimum 5 characters required")

z.string().min(5).message("Minimum 5 characters required")

z.date({

required_error: "Please select a date and time",

invalid_type_error: "That's not a date!",

})

number

object

string

boolean

array

someProp should be placed in the dependency array

doSomething should be placed in the dependency array

everything is good

it is better to place the doSomething function inside of the effect

it is better to remove the second argument of the effect

we cannot write inline click handlers like this, we should define functions and then use them

arguments of setCount should be a functions

prop cannot be used as an initial value of a state

at the top level of regular js function

inside loops

at the top level of React function component

inside conditions