react-hook-form-zod

Installation

Summary

Type-safe validated forms with React Hook Form v7 and Zod v4, single schema for client and server.

Combines uncontrolled registration with Zod schema validation and full TypeScript inference via z.infer; supports dynamic fields, multi-step wizards, and conditional validation patterns
Includes resolver setup, error handling, useFieldArray for dynamic lists, and Controller integration for third-party components
Documents 20 known issues and workarounds, including large-form performance optimization (300+ fields), Zod v4 optional field bugs, and SSR hydration mismatches
Covers shadcn/ui integration, server-side validation patterns, and upcoming v8 breaking changes (field.id → field.key, watch callback removal)

SKILL.md

React Hook Form + Zod Validation

Status: Production Ready ✅ Last Verified: 2026-01-20 Latest Versions: react-hook-form@7.71.1, zod@4.3.5, @hookform/resolvers@5.2.2

npm install react-hook-form@7.70.0 zod@4.3.5 @hookform/resolvers@5.2.2

Basic Form Pattern:

const schema = z.object({
  email: z.string().email(),
  password: z.string().min(8),

Related skills

Installs

1.2K

Repository

GitHub Stars

776

First Seen

Jan 20, 2026

Security Audits