v2.8.2

2.8.2 (2021-10-06)

Bug Fixes

• TypeScript issues with the latest react-hook-form version (66182f8)

v2.8.1

2.8.1 (2021-09-18)

Bug Fixes

• typings with [email protected] (#233) (10ba224)

v2.8.0

2.8.0 (2021-08-19)

BREAKING CHANGES

• zod resolver: require Zod >= 3 (#200) (35cedc7)

v2.7.1

2.7.1 (2021-08-04)

Performance Improvements

• typanion: reduce bundle size (#192) (4309d1c)

v2.7.0

2.7.0 (2021-07-31)

Features

• typanion resolver (72bd952)

import { useForm } from 'react-hook-form';
import { typanionResolver } from '@hookform/resolvers/typanion';
import * as t from 'typanion';

const isUser = t.isObject({
  username: t.applyCascade(t.isString(), [t.hasMinLength(1)]),
  age: t.applyCascade(t.isNumber(), [t.isInteger(), t.isInInclusiveRange(1, 100)]),
});

const App = () => {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({
    resolver: typanionResolver(isUser),
  });

  return (
    <form onSubmit={handleSubmit((d) => console.log(d))}>
      <input {...register('name')} />
      {errors.name?.message && <p>{errors.name?.message}</p>}
      <input type="number" {...register('age')} />
      {errors.age?.message && <p>{errors.age?.message}</p>}
      <input type="submit" />
    </form>
  );
};

v2.6.1

2.6.1 (2021-07-13)

Bug Fixes

• native-validation: clear error (#183) (52145b0)

v2.6.0

2.6.0 (2021-06-19)

Features

• support browser native form control (#177) (d8aff3d)

v2.5.2

2.5.2 (2021-05-31)

Bug Fixes

• yupResolver: merge yup's options (#172) (7bf09fd), closes #170

v2.5.1

2.5.1 (2021-05-16)

Bug Fixes

• zodResolver: improve unionErrors parsing (#168) (f67a10f)

v2.5.0

2.5.0 (2021-05-13)

Features

• computed-types resolver (#162) (85e5e7d)

import React from 'react';
import { useForm } from 'react-hook-form';
import { computedTypesResolver } from '@hookform/resolvers/computed-types';
import Schema, { number, string } from 'computed-types';

const schema = Schema({
  username: string.min(1).error('username field is required'),
  password: string.min(1).error('password field is required'),
  password: number,
});

const App = () => {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({
    resolver: computedTypesResolver(schema),
  });

  return (
    <form onSubmit={handleSubmit((d) => console.log(d))}>
      <input {...register('name')} />
      {errors.name?.message && <p>{errors.name?.message}</p>}
      <input type="number" {...register('age', { valueAsNumber: true })} />
      {errors.age?.message && <p>{errors.age?.message}</p>}
      <input type="submit" />
    </form>
  );
};

export default App;