useFieldErrors

A hook which subscribes to the validation errors for a field. It will only trigger a rerender when the errors change.

Sample usage

const form = useForm({
    initialValues: { username: "" }
});
const errors = useFieldErrors(form("username"));
//^? ReadonlyArray<StandardSchemaV1.Issue>
if (errors.length) {
    return (
        <div>
            Issues: { errors.map(error => error.message).join(", ") }
        </div>
    )
}

Type

function useFieldErrors<T>(field: Nullable<ReadonlyFormField<T>>): ReadonlyArray<StandardSchemaV1.Issue>