gem-hunter
Language: TypeScript
An adapter for zod object validation to Formik validation schema
This library adapts a zod schema to work as a validationSchema prop or validate prop on Formik
# npm $ npm install zod-formik-adapter # yarn $ yarn add zod-formik-adapter
import { z } from 'zod'; import { Formik } from 'formik'; import { toFormikValidationSchema } from 'zod-formik-adapter'; const Schema = z.object({ name: z.string(), age: z.number(), }); const Component = () => ( <Formik validationSchema={toFormikValidationSchema(Schema)} > {...} </Formik> );
import { z } from 'zod'; import { Formik } from 'formik'; import { toFormikValidate } from 'zod-formik-adapter'; const Schema = z.object({ name: z.string(), age: z.number(), }); const Component = () => ( <Formik validate={toFormikValidate(Schema)} > {...} </Formik> );
Schemas built with Zod Mini work with both functions too:
import * as z from 'zod/mini'; import { toFormikValidate } from 'zod-formik-adapter'; const Schema = z.object({ name: z.string(), age: z.optional(z.number()), }); const validate = toFormikValidate(Schema);