Skip to main content
Home
This package has been archived, and as such it is read-only.
Works with
This package works with Node.js, Deno, Bun, BrowsersIt is unknown whether this package works with Cloudflare Workers
It is unknown whether this package works with Cloudflare Workers
This package works with Node.js
This package works with Deno
This package works with Bun
This package works with Browsers
JSR Score100%
Downloads24/wk
Published2 years ago (2.0.1)

Helper to simplify validating Formik values with Zod

Formik Validator Zod

Allows you to easily validate Formik forms with the power of Zod schemas.

WARNING: As of v2, this package uses native ESM and no longer provides a CommonJS export. If this is something you need, you should be able to use the dynamic import function or use v1 of this package.

Installation

This package is published both on NPM and JSR.

To install from NPM:

npm install formik-validator-zod

yarn add formik-validator-zod

bun add formik-validator-zod

To install from JSR:

npx jsr add @glazy/formik-validator-zod

yarn dlx jsr add @glazy/formik-validator-zod

bunx jsr add @glazy/formik-validator-zod

Example

import { Formik } from 'formik'
import { z } from 'zod'
import { withZodSchema } from 'formik-validator-zod'

const mySchema = z.object({
  email: z.string().email(),
  name: z.string(),
  age: z.number(),
})

const MyForm = () => {
  return (
    <Formik validate={withZodSchema(mySchema)} {...}>
      {...}
    </Formik>
  )
}

Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";
or

Import directly with a jsr specifier

import * as formik_validator_zod from "jsr:@glazy/formik-validator-zod";

Add Package

pnpm i jsr:@glazy/formik-validator-zod
or (using pnpm 10.8 or older)
pnpm dlx jsr add @glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";

Add Package

yarn add jsr:@glazy/formik-validator-zod
or (using Yarn 4.8 or older)
yarn dlx jsr add @glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";

Add Package

vlt install jsr:@glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";

Add Package

npx jsr add @glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";

Add Package

bunx jsr add @glazy/formik-validator-zod

Import symbol

import * as formik_validator_zod from "@glazy/formik-validator-zod";