react-hook-form

⌚ UX: useForm config delayError (#5935)

useForm({
  delayError: 500 // delay error appear with 500ms
})

⌨️ stricter type check on onChange event type (#6030)
🐞 fix #6035 issue with Controller select toggle inValid state (#6069)
🐞 fix #6055 missing dirtyFields subscribe in useFieldArray actions (#6059)
🐞 fix #6052 miss marking controller as mounted (#6053)

🐛 fix #5944 reset issue with unmounted useFieldArray (#5954)
🐛 fix #5942 case when value is supplied as null/undefined
⌨️ close #5928 improve useWatch and watch types (#5945)
🎮 fix #5936 regression with controller value transform (#5937)

🚅 update method for useFieldArray (#5835)

const { update } = useFieldArray();

update(0, data); // update an individual field array node

🔄 fix #5911 issue with reset clear flag for Controller (#5912)
⌨️ fix #5839 issue with null type with deepMap (#5896)
🚌 close #5857 setValue missing await with trigger validation (#5859)
👨🏻‍💻 chore: allow readonly tuple in useWatch generic params (#5845)

🗝️ fix #5808 DeepMap extend issue with File (#5813)
🕵️ fix #5816 variable name typo in useController

🍌 deprecated defaultValue at useFieldArray as a required prop (#5636)

function Test() {
  const { control, register } = useForm();
  const { fields, append, prepend, remove, swap, move, insert } = useFieldArray({
    control,
    name: "test",
  });

  return (
    {fields.map((field, index) => (
      <input
        key={field.id} // important to include key with field's id
        {...register(`test.${index}.value`)} 
-        defaultValue={field.value} // no longer required
      />
    ))}
  );
}

👨🏻‍💻 fix #5787 controller type for defaultValue (#5792)
😿 fix #5777 regression on unmount defaultValue with shouldUnregister:true (#5778)
📅 close #5724 setValue skip parse date time as object (#5729)
🎮 #5712 enable controller with native validation (#5716)
🐛 fix spread non-primitive values in nested array fields (#5705)
🎪 batch single watch update (#5707)
🏟️ batch unregister inputs (#5706)
🐞 fix #5699 trigger not focusing first input with error (#5700)

🥇 feature: support browser native form control (#5503)

export default function App() {
  const { register, handleSubmit } = useForm({
    shouldUseNativeValidation: true,
  });
  const onSubmit = (data) => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input
        {...register("firstName", {
          required: "This is required from bill."
        })}
        autoComplete={"off"}
        placeholder="First Name"
      />
      <input type="submit" />
    </form>
  );
}

🐞 fix #5661 trigger throw error when the field is not found (#5664)
🐞 fix #5678 reset with keep default values with Controller (#5688)

• fix register input without defaultValue for useFieldArray

• deprecate defaultValue as required prop for useFieldArray

function Test() {
  const { control, register } = useForm();
  const { fields } = useFieldArray({
    control,
    name: "test",
  });

  return (
    {fields.map((field, index) => (
      <input
        key={field.id} // important to include key with field's id
        {...register(`test.${index}.value`)} 
-        defaultValue={field.value} // make sure to include defaultValue
      />
    ))}
  );
}

🐞 fix #5627 defaultValue reset inconsistent with setValueAs (#5634)

🐞 fix #5623 Controller unmount to skip validation (#5624)

🐞 fix #5611 should not update dirty fields with blur event (#5614)
🐞 fix #5612 trigger() always return true (#5613)

💼 close #5603 to enable nested field array register with useFieldArray
👁️ improve useController to only return focus method from ref (#5582)
🏛️ improve useFieldArray when it's getting unmount and pulling the latest values (#5583)

🐞 fix #5555 register deeply nested field append with strict mode (#5580)
🐛 fix #5566 should unregister inputs when useFieldArray unmounted (#5579)
🔢 fix #5568 include . for a precise focus index lookup (#5578)
🕵️‍♀️ improve logic on register absent inputs (#5556)
👮 fix #5538 type error with setError shouldFocus

🐛 fix #5527 resolver switching (#5530)

🐛 fix #5507 register with value issue (#5511)

🐛 fix #5506 watch return null value with field array

🐛 fix #5499 issue with controller defaultValue overwrite defaultValues at useForm (#5500)

🐛 fix #5492 with empty reset with useController setting unmount attribute (#5493)
👌 improve logic on unmount input with ref callback (#5488)
⚜️ feature: support shouldTouch with setValue (#5181)
♻️ useFieldArray improvement with register value API (#5473)
💖 feature: support register with value (#5380)
🍌 useFieldArray reduce function (#5471)
🪖 improve focus logic for field array (#5470)
🪢 improve register perf and remove duplicated logic (#5469)
🧯 close #5440 remove extra value update (#5442)
🔬 remove extra ref assign (#5433)
🪝 Improve isValid form State by removing extra internal formState (#5415)

🎓 only register absent fields with shouldUnregister: false (#5418)

🌟 feature: focus with trigger (#4960)

trigger('firstName', { shouldFocus: true})

🧼 bubble up the error when thrown in submit handler (#5391)