zod-error-viewer

Quickly visualize and understand even the meanest zod errors ✔️

Motivation

Zod is a game changer for building quality software. However, hairy zod errors can take a while to understand. The goal of zod-error-viewer is to drastically cut down on the time it takes to read and understand even the most complex zod errors.

Getting Started

Installing

npm install zod-error-viewer

Basic Example

import { ZodErrorViewer } from "zod-error-viewer";

<ZodErrorViewer
  data={/* data that was validated */}
  error={/* ZodError that occurred */}
/>;

Documentation

For more examples and documentation, see: https://benlorantfy.github.io/zod-error-viewer