react-hook-form

😰 close #7593 regression on fieldarray controller/useController unmount with unregister (#7596)
🥸 fix type issue with getFieldState and useController (#7574)

🖨 fix #7571 cloneObject with setValue passed argument (#7572)
🦺 unstable _getFieldState API for retrieve field level state (#7475)
💻 fix build on Windows (#7532)

thanks to @felixschorer

🧠 close #6425 memorise useController prop: onChange onBlur and ref (#7526)
📛 related #7521 include name check with resetField (#7521)
🪝 close #7518 making value update before custom onChange (#7519)
🐞 fix #7256 setValue with shouldDirty and shouldTouch combine not update state correctly (#7508)

Happy new year 2022!

💻 Feature/avoid omitting key name use field array (improve DX) (#7301)

const App = () => {
  const { control, register, handleSubmit } = useForm<FormValues>({
    defaultValues: {
      test: [{id: 'UUID5678', test: 'data' }] // id will be remained as it match default keyName
    }
  });
  const { fields, append } = useFieldArray({
    control,
    name: 'test',
  });

  return (
    <form>
      {fields.map((field, index) => {
        return <input key={field.id} {...register(`test.${index}.test`)} />;
      })}

      <button
        type={'button'}
        onClick={() => {
          append({
            id: 'UUID1234', // id value will be remained as it match default keyName
            test: '1234',
          });
        }}
      >
        append
      </button>
    </form>
  );
};

📲 apply useCallback for callback function to improve perf (#7378)
🐷 test coverage for types (#7311)
🐎 improve useFieldArray performance with separate id state (#7447)
🎩 close #6776 improve register to support shadow roots (#7400)
📇 fix type infer with UseFormHandleSubmit (#7405)
🎐 remove resolutions dep and update packages (#7396)
🎼 import type for utility
🥌 improve useFormState with mounted ref to skip update when hook is unmounted (#7489)
🪔 improve updateFieldArray batch update (#7477)
🪡 revert #6834 clearError should not affect isValid (#7470)

thanks to @daisuke85a, @MichalTarasiuk, @adrianos10, @barrymay and @felixschorer!

🐎 improve useFieldArray performance with separate id state (#7447)
🎩 close #6776 improve register to support shadow roots (#7400)
📇 fix type infer with UseFormHandleSubmit (#7405)
🎐 remove resolutions dep and update packages (#7396)
🎼 import type for utility

thanks to @MichalTarasiuk, @adrianos10 and @felixschorer

💻 Feature/avoid omitting key name use field array (improve DX) (#7301)

const App = () => {
  const { control, register, handleSubmit } = useForm<FormValues>({
    defaultValues: {
      test: [{id: 'UUID5678', test: 'data' }] // id will be remained as it match default keyName
    }
  });
  const { fields, append } = useFieldArray({
    control,
    name: 'test',
  });

  return (
    <form>
      {fields.map((field, index) => {
        return <input key={field.id} {...register(`test.${index}.test`)} />;
      })}

      <button
        type={'button'}
        onClick={() => {
          append({
            id: 'UUID1234', // id value will be remained as it match default keyName
            test: '1234',
          });
        }}
      >
        append
      </button>
      <button>submit</button>
    </form>
  );
};

📲 apply useCallback for callback function to improve perf (#7378)
🐷 test coverage for types (#7311)

thanks to @felixschorer

Merry Christmas! 🎁 🔔🎄

🎳 fix: change type order to make typescript hints for watch available (#7353)
🍂 close #7341 allow useWatch to fallback to defaultValue with undefined (#7360)
🐞 fix #7347 defaultValues not populate with disabled input (#7359)

thanks to @pawk3k and @felixschorer

⚔️ close #7348 avoid errors state update with replace and update API (#7349)
⌨️ include UnpackNestedValue for reset values (#7286)
⌨️ close #7338 update FieldNamesMarkedBoolean type to boolean instead of true (#7340)

😿 fix #7313 shouldUnregister prop with useController/controller after unmount (#7317)

🐞 close #7293 with async useFieldArray reset (#7299)

🐞 fix #7282 async reset within onSubmit formState update (#7285)

🖱️ improve dx with reset API within onSubmit or combined with other (#7274)

const onSubmit = (data) => {};

React.useEffect(() => {
  if (formState.isSubmitSuccessful) {
    reset({ something: '' });
  }
}, [formState, reset]);

handleSubmit(onSubmit);

to

const onSubmit = (data) => {
  setSubmittedData(data);
  reset(data); // no longer need to have useEffect
};

handleSubmit(onSubmit);

🐞 fix #7268 async reset API with useFieldArray (#7269)
🏛️ build(esm): Use explicit .mjs extension for ESM, with CJS interop (#7262)

huge thanks goes to @evocateur

📏 beta: build(esm): Use explicit .mjs extension for ESM, with CJS interop

Revert "🏗️ build(esm): Use explicit .mjs extension for ESM (#7244)"

thanks to @evocateur

🪑 remove UnionLike type (#7187)
🌊 useFieldArray deep nested object issue due to object reference (#7240)
🏗️ build(esm): Use explicit .mjs extension for ESM (#7244)
🎮 close #7231 set deep nested value with controlled input via setValue (#7232)

thanks to @evocateur

📏 shouldUseNativeValidation will inject native validation attributes into field which supports both client & server (#7207)

const { register } = useForm()

<input {...register('name', { required: true })} />

<input name="name" required /> // both client and server render

🤦🏻‍♂️ fix #2717 regression with async field array actions (#7218)

🐞 fix #7174 issue with empty errors object prevent submit

Revert 🔢 fix #7149 Supporting Number Object comparison in deepEqual (#7150)

thanks to @barrymay

👩‍👩‍👧‍👧 unify register onChange with useController retrieve value (#7153)
👍 fix setCustomValidity typo (#7154)
🔢 fix #7149 Supporting Number Object comparison in deepEqual (#7150)
🙅 prevent update input type with files (#7147)
✂️ deprecate unset empty array function (#7120)
🐞 fix #7109 issue with field array dirty fields (#7119)

thanks to @getTobiasNielsen @swapnilrohom @lxy-yz and @LucasLemanowicz

🐞 fix #7090 shallow clone for object has no prototype methods (#7096)
😮‍💨 revert module config (#7095)
📦 change node engine to >= 12.0

thanks to @barrymay