react-hook-form

🐞 fix #1172 issue around remove with useFieldArray (#1173)
❤️ improve types of Controller's onChange and onBlur (#1169)

🐞 fix #1167 issue around watch multiple values with array (#1168)

Breaking change on Controller

Controller: onChange will only evaluate payload as event like object. eg: react-select will no longer need the extra onChange method at Controller.

Before:

import { TextInput } from 'react-native';

<Controller
  as={<TextInput style={{ borderWidth: 2, borderColor: 'black'}} />}
  name="text"
  control={args => ({
    value: args[0].nativeEvent.text,
  })}
  onChange={onChange}
/>

now:

import { TextInput } from 'react-native';

<Controller
  as={<TextInput style={{ borderWidth: 2, borderColor: 'black'}} />}
  name="text"
  control={args => args[0].nativeEvent.text}
  onChange={onChange}
/>

Happy 1st birthday!

🐞 fix validationResolver issue due to cache validationContext (#1132)
💃 improve useFieldArray with useCallback for each methods (#1130)
🐞 fix #1141 getValues return empty string (#1145)
🛎 Add UMD build target (#1157)
🐞 fix #1158 fix setValue not working with object array (#1160)
🐞 fix #1154 controller onChange type check (#1162)
Important: The above is a breaking change, which I will release a major version by today. Controller: onChange will only evaluate payload as event like object. eg: react-select will no longer need extra onChange method at Controller.

🐞 fix #1123 issue on radio input reference remove (#1124)

🌠 support multiple setValues (#1056)
🐞 close #1097 issue with useFieldArray formState (#1111)
🛎 update ControllerProps type to improve DX (#217)
😎 improve DX of register function (#1106)
🐞 fix useFieldArray remove item error's order (#1103)
🐞 fix useFieldArray clear error issue (#1099)
🐞 fix #1094 Controller with SSR (#1095)
⛳️ close #1090 controller get value (#1092)
🐞 fix #1086 issue with watch re-render caused by dirty attribute (#1087)

🌚support IE11 (#1063)
🐞fix #1069 controller reset issue (#1071)
Note: inline defaultValue will overwrite data at Controller's defaultValues
🐿close #1060 support value as true/false for required validation rule
🎢 throw error when formContext is missing (#1054)

🐞 fix #1062 re-render issue with useFieldArray (#1064)
⛩ fix children prop type for ErrorMessage component (#1059)

😭revert IE 11 bundle changes

🐞 fix a bug reported at Spectrum around useEffect dependency: https://spectrum.chat/react-hook-form/help/after-update-4-9-3-to-4-9-4-formstate-isvalid-doesnt-work-properly~4fb3cd7f-3a74-4478-9ce2-4f029d8cb26c

🐞 fix #1036 check watch input against name
💫 fix/watch use field array (#1036)
🌜 fix #1026 around build-in isValid with useFieldArray (#1034)
⛩ fix #1033 props type for ErrorMessage
🌚 add ts-polyfill to solve ie11 issues (#1018)
🐞 fix #1007 reset with react native
🐞 fix #1020 issue around watch undefined input (#1023)
🐞 fix type for validationResolver (#1017)
✏️ improve unset method (#1015)

🐞 fix #1007 with Node Type check
🌠 close #992 setValue with null and undefined (#1006)

🎮 feature/support custom schema validation (#974)

import React from "react";
import { useForm } from "react-hook-form";
import Joi from "@hapi/joi";

const validationSchema = Joi.object({
  username: Joi.string().required()
});

const resolver = (data: any, validationContext) => {
  const { error, value: values } = validationSchema.validate(data, {
    abortEarly: false
  });

  return {
    values: error ? {} : values,
    errors: error
      ? error.details.reduce((previous, currentError) => {
          return {
            ...previous,
            [currentError.path[0]]: currentError
          };
        }, {})
      : {}
  };
};

export default function App() {
  const { register, handleSubmit, errors } = useForm({
    validationResolver: resolver,
    validationContext: { test: "test" }
  });

  return (
    <form onSubmit={handleSubmit(d => console.log(d))}>
      <input type="text" name="username" ref={register} />
      <input type="submit" />
    </form>
  );
}

🐞 close #954 fix type for ErrorMessage component props (#966)
🐞 fix #967 issue around getValues with defaultValues (#968)
🐞 fix #969 fields compare function
✌️ close #951 include keyName prop for custom id (#957)
✌🏻 improve type keyName for useFieldArray (#983)
👨🏻‍💻 improve type for ref (#990)
💉 fix #988 isValid form state with useFieldArray schema (#991)
⛏ fix #994 prevent useFieldArray items unregister (#995)
⌨️ useFieldArray remove method support array of indexes (#980)
support remove([1,2,3])

🐞fix issue around watch API with nest set to true

🐞 fix #670 reset empties the input
🐞 fix #956 react native FileList not defined
🐞 fix #955 field array dirty value compare
🛀 Remove deprecated field from options type. (#952)

🏁 close #938 performance enhancement for watch (#939)
🕺 improve #938 watch perf with search array (#946)
👨‍🚒 fix #932 issue around delete file list object in FF (#944)
👑 support rest props for ErrorMessage component (#941)

<ErrorMessage className="test" onClick={() => {}} errors={errors} name="test" />

✌️ assign non-object values to value property (#940)
🐞 fix mutationWatcher in remove event listener function
🤞 #924 improvement over watch with field array (#930)

👨🏻‍💻 get watch() API to work with FieldArray
👨🏻‍💻 fix errors and touched fields position with useFieldArray

🐞 fix #927 formState read flag (#929)
🥂 support register method with optional first argument for useFieldArray
🥂 add support for array values in useFieldArray methods (#925)
🥂 ErrorMessage support message prop

eg:

<ErrorMessage errors={errors} name="test" message="message here" />

🐞 patch on remove api with last item (#909)

😭 fix useFieldArray (#896)

• 🎺IMPORTANT(only apply for useFieldArray): for register without validation you will have to use register({}) to trigger ref callback
• remove mapID of each render
• fix errors got removed after remove item
• fix delete issue
• fix dirty value
• fix async reset with dirty value

🐞 fix #903 errors type object comparison (#907)
🐞 fix(Controller): Invoke onBlur method when mode is onBlur. (#902)
🐞 fix #890 radio dynamic inject issue (#901)
🐞 fix #893 trigger validation (#900)
🐞 fix #881 issue around formState with reset (#891)
🎉 make handleSubmit event optional (#885)