Releases: react-hook-form/resolvers
Releases · react-hook-form/resolvers
v5.0.1
v5.0.0
5.0.0 (2025-04-01)
Features
BREAKING CHANGES
- Requires react-hook-form@7.55.0 or higher
Before
Prior to V5, some projects used manual types like
useForm<FormValues>();After
With V5, the correct approach is:
useForm<Input, Context, Output>();
useForm<FormInputValues, Context, FormOutputValues>();This update enables distinct outputs when utilizing features like transform from validation libraries.
ℹ️ The best approach is to let the types be inferred from your schema, rather than manually defining them.
v4.1.3
v4.1.2
v4.1.1
v4.1.0
v4.0.0
4.0.0 (2025-02-10)
Bug Fixes
- add support for names option (#713) (985c48d)
- arktypeResolver: resolve type error when schema is defined from an ArkType scope (#732) (3233667)
- handle
raw: trueoption to pass form submission values correctly (#733) (7807f95) - validateFieldsNatively: handle undefined object when reading 'refs' (#734) (3da2054)
Features
- ajv: Keep original validation type while using
errorMessage(#728) (5030a59) - effectResolver: returns either all errors or only the first one based on criteriaMode (#737) (12d7d8e)
- standard-schema: add standard-schema resolver (#738) (b75a95a)
BREAKING CHANGES
- ajv: The AJV Resolver now unwraps the
errorMessageobject to return the original error types. This update may introduce breaking changes to your projects.
v3.10.0
v3.9.1
v3.9.0
3.9.0 (2024-07-05)
Features
import { useForm } from 'react-hook-form';
import { fluentValidationResolver } from '@hookform/resolvers/fluentvalidation-ts';
import { Validator } from 'fluentvalidation-ts';
class FormDataValidator extends Validator<FormData> {
constructor() {
super();
this.ruleFor('username')
.notEmpty()
.withMessage('username is a required field');
this.ruleFor('password')
.notEmpty()
.withMessage('password is a required field');
}
}
const App = () => {
const { register, handleSubmit } = useForm({
resolver: fluentValidationResolver(new FormDataValidator()),
});
return (
<form onSubmit={handleSubmit((d) => console.log(d))}>
<input {...register('username')} />
{errors.username && <span role="alert">{errors.username.message}</span>}
<input {...register('password')} />
{errors.password && <span role="alert">{errors.password.message}</span>}
<button type="submit">submit</button>
</form>
);
};