react-zod-form-hook

A lightweight React helper that connects Zod validation with React Hook Form using a simple hook, error components, and optional debounced validation for large forms.[web:19][web:35]

Features

• Simple API – useZodForm({ schema, defaultValues }) instead of wiring resolver manually.
• Zod + TypeScript – Define schemas once and infer types automatically.
• UI helpers – <FormProvider> and <FieldError> for quick error display.
• Performance-friendly – useDebouncedTrigger to debounce validation on change.[web:19][web:74]

Installation

npm install react-zod-form-hook zod react-hook-form @hookform/resolvers
# or
yarn add react-zod-form-hook zod react-hook-form @hookform/resolvers
# or
pnpm add react-zod-form-hook zod react-hook-form @hookform/resolvers