Bump react-hook-form from 7.16.0 to 7.23.0 in /frontend

[dependabot[bot]]

Bumps react-hook-form from 7.16.0 to 7.23.0.

Release notes

Sourced from react-hook-form's releases.

Version 7.23.0

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)} />;
})}
  &lt;button
    type={'button'}
    onClick={() =&gt; {
      append({
        id: 'UUID1234', // id value will be remained as it match default keyName
        test: '1234',
      });
    }}
  &gt;
    append
  &lt;/button&gt;
&lt;/form&gt;

);
};

📲 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!

... (truncated)

Changelog

Sourced from react-hook-form's changelog.

Changelog

[7.22.0] - 2021-12-14

Changed

• Browser native reset API will no longer be invoked when reset provided with value

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);

[7.21.0] - 2021-12-06

Changed

• shouldUseNativeValidation will pass down validation props both at client and server render

const { register } = useForm()
<input {...register('name', { required: true })} />
<input name="name" required /> // both client and server render

[7.20.3] - 2021-11-26

Changed

• register onChange will share same logic with useController for non standard event payload

... (truncated)

Commits

• 964a793 7.23.0
• cf2c633 🥌 improve useFormState with mounted ref to skip update when hook is unmounted...
• 9b1dcf9 ❤️ thank you 이한 (Han Lee) for sponsoring
• 9639c37 🛩️ minor improvement with early return with move utility (#7481)
• 8b9c04d 🎏 eslint-disable unused vars for purposes (#7482)
• edaebbe 🪔 improve updateFieldArray batch update (#7477)
• f96dafe 🪡 revert #6834 clearError should not affect isValid (#7470)
• 38e211b 7.23.0-next.1
• 39ceea8 🐎 improve useFieldArray performance with seperate id state (#7447)
• 1d4b11a 🎼 import type for update utility (#7442)
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot[bot]]

Superseded by #311.