FieldErrors

<FieldErrors> lets you watch the validation errors for a field. It accepts a field and a render prop as its child, which is called every time the errors for the field change.

The counterpart hook is useFieldErrors.

Sample usage

const form = useForm({
   initialValues: { name: "" }
});
const nameErrors = useFieldErrors(form("name"));
return (
    <FieldErrors field={form("name")}>
    { errors => errors.length ?
        <ul>
            { errors.map((err, idx) => <li key={idx}>{ err }</li>) }
        </ul>
        : null
    }
    </FieldErrors>
)

Type

function FieldErrors<T>(props: {
    // The field to watch the errors for
    field: FormField<T>
    // A render function which will be passed the errors
    children: (value: ReadonlyArray<string>) => ReactNode
})