17 lines
422 B
TypeScript
17 lines
422 B
TypeScript
import { AnyFieldMeta } from "@tanstack/react-form";
|
|
import { ZodError } from "zod";
|
|
|
|
type FieldErrorsProps = {
|
|
meta: AnyFieldMeta;
|
|
};
|
|
|
|
export const FieldErrors = ({ meta }: FieldErrorsProps) => {
|
|
if (!meta.isTouched) return null;
|
|
|
|
return meta.errors.map(({ message }: ZodError, index) => (
|
|
<p key={index} className="text-sm font-medium text-destructive">
|
|
{message}
|
|
</p>
|
|
));
|
|
};
|