Trigger watch callbacks in response to value changes only by joshkel · Pull Request #12945 · react-hook-form/react-hook-form

joshkel · 2025-07-07T19:22:54Z

Prior to 7.55.0, watch with a callback would trigger that callback only in response to value changes. (This is the behavior that I expected from the documentation: "Subscribe to field update/change," and the other forms of the watch API are specifically for field values.) Some code in our application depended on this behavior; for example:

useEffect(() => {
  const subscription = watch(async (formData) => {
    if (await trigger()) {
      doSomethingWithValidForm(formData);
    }
  });
  return () => subscription.unsubscribe();
}, [trigger, watch]);

React Hook Form 7.55 changed this behavior to trigger the watch callback on every state change, not just value changes. Specifically, in 7f95b26, every occurrence of _subjects.values.next({ values: ... }) was changed to _subjects.state.next({ values: ... }), and watch now subscribes to _subjects.state instead of _subjects.value. As a result, the watch callback to be called on every state change. Note that, in that commit, tests in watch.test.tsx had to be updated to reflect the extra calls.

We can get back the pre-7.55 behavior by only triggering the watch callback if the values property is present in the payload of the state change, since it was present for every call to _subject.values.next in pre-7.55.

Note that this change potentially breaks compatibility with 7.55 through 7.60 (since watch is no longer called on every state change), but it fixes a break in backward compatibility with pre-7.55.

I'd really appreciate it if this could be merged: the break in backward compatibility relative to 7.54 and below has affected multiple users, and any issues with changing behavior relative to 7.55 and above should be less severe (especially since watch is deprecated starting in 7.55 and the easier-to-use subscribe API is now available). Thank you.

Fixes #12721 and #12821. See also #12918.

Prior to 7.55.0, `watch` with a callback would trigger that callback only in response to value changes. (This is the behavior that I expected from [the documentation](https://react-hook-form.com/docs/useform/watch): "Subscribe to field update/change," and the other forms of the `watch` API are specifically for field values.) Some code in our application depended on this behavior; for example: ```ts useEffect(() => { const subscription = watch(async (formData) => { if (await trigger()) { doSomethingWithValidForm(formData); } }); return () => subscription.unsubscribe(); }, [trigger, watch]); ``` React Hook Form 7.55 changed this behavior to trigger the watch callback on every state change, not just value changes. Specifically, in 7f95b26, every occurrence of `_subjects.values.next({ values: ... })` was changed to `_subjects.state.next({ values: ... })`, which caused the watch callback to be called on every state change. Note that, in that commit, tests in `watch.test.tsx` had to be updated to reflect the extra calls. This means that we can get back the pre-7.55 behavior by checking whether the `values` property is present in the payload of the state change (since it was present for any actual value changes in pre-7.55). Note that this change potentially breaks compatibility with 7.55 through 7.60 (since `watch` is no longer called on every state change), but it fixes a break in backward compatibility with pre-7.55. I believe that this is a net improvement (especially since `watch` is deprecated starting in 7.55 and the easier-to-use `subscribe` API is now available); however, I understand if you'd prefer to not merge this.

Based on https://codesandbox.io/p/sandbox/react-hook-form-v7-ts-clearerrors-forked-qlspzg from react-hook-form#12721

bluebill1049 · 2025-07-13T00:05:33Z

Thanks again for looking into this and fix the root cause.

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.58.1 to 7.61.0.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **4 versions** ahead of your current version. - The recommended version was released **21 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> <li> 7.60.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0">2025-07-04</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.60.0-next.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0-next.0">2025-07-01</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.59.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.59.0">2025-06-28</a>🪱 feat: support deep equality checking with circular references (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3176586583" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12914" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12914/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12914">#12914</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3162019046" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12900" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12900/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12900">#12900</a> issue with formData reference clone (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164608853" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12906" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12906/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12906">#12906</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3124599969" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12873" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12873/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12873">#12873</a> issue with undefined value for submit data (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164563082" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12905" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12905/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12905">#12905</a>) 🐞 fix case when useWatch accept object variable param (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3157299182" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12897" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12897/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12897">#12897</a>) 🐞 fix: typo in UseFormSubscribe and missing event type for callback data in subscribe (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3163748029" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12904" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12904/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12904">#12904</a>) Revert "⌨️ rename to UseFormResetFieldOptions for type consistency" (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3165853766" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12907" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12907/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12907">#12907</a>) thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aspirisen/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/aspirisen">@ aspirisen</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/n8pjl/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/n8pjl">@ n8pjl</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/SKOLZ/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/SKOLZ">@ SKOLZ</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pushys/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/pushys">@ pushys</a> & <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/candymask0712/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/candymask0712">@ candymask0712</a> </li> <li> 7.58.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.58.1">2025-06-17</a>🔧 check window.crypto undefined (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3153410474" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12893" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12893/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12893">#12893</a>) </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiI5YmFkOWQwOS0yOWQxLTQxMzAtOGQyZS01NWQyNGJkYzIxMTkiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6IjliYWQ5ZDA5LTI5ZDEtNDEzMC04ZDJlLTU1ZDI0YmRjMjExOSJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.58.1","to":"7.61.0"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","prPublicId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":4,"publishedDate":"2025-07-23T23:20:49.867Z"},"vulns":[]}' --------- Signed-off-by: Peter Jausovec <[email protected]> Co-authored-by: snyk-bot <[email protected]>

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.61.0 to 7.61.1.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **1 version** ahead of your current version. - The recommended version was released **23 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.1">2025-07-24</a>Revert "⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>)" </li> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiJjMTY2MTdjMi0yNDBkLTRkZDItOTRiZC01ZjZhOGI1MjY1OGQiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6ImMxNjYxN2MyLTI0MGQtNGRkMi05NGJkLTVmNmE4YjUyNjU4ZCJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.61.0","to":"7.61.1"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","prPublicId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":1,"publishedDate":"2025-07-24T12:22:03.373Z"},"vulns":[]}' Co-authored-by: snyk-bot <[email protected]>

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.58.1 to 7.61.0.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **4 versions** ahead of your current version. - The recommended version was released **21 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> <li> 7.60.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0">2025-07-04</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.60.0-next.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0-next.0">2025-07-01</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.59.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.59.0">2025-06-28</a>🪱 feat: support deep equality checking with circular references (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3176586583" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12914" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12914/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12914">#12914</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3162019046" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12900" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12900/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12900">#12900</a> issue with formData reference clone (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164608853" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12906" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12906/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12906">#12906</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3124599969" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12873" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12873/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12873">#12873</a> issue with undefined value for submit data (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164563082" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12905" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12905/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12905">#12905</a>) 🐞 fix case when useWatch accept object variable param (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3157299182" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12897" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12897/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12897">#12897</a>) 🐞 fix: typo in UseFormSubscribe and missing event type for callback data in subscribe (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3163748029" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12904" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12904/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12904">#12904</a>) Revert "⌨️ rename to UseFormResetFieldOptions for type consistency" (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3165853766" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12907" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12907/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12907">#12907</a>) thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aspirisen/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/aspirisen">@ aspirisen</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/n8pjl/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/n8pjl">@ n8pjl</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/SKOLZ/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/SKOLZ">@ SKOLZ</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pushys/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/pushys">@ pushys</a> & <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/candymask0712/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/candymask0712">@ candymask0712</a> </li> <li> 7.58.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.58.1">2025-06-17</a>🔧 check window.crypto undefined (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3153410474" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12893" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12893/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12893">#12893</a>) </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiI5YmFkOWQwOS0yOWQxLTQxMzAtOGQyZS01NWQyNGJkYzIxMTkiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6IjliYWQ5ZDA5LTI5ZDEtNDEzMC04ZDJlLTU1ZDI0YmRjMjExOSJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.58.1","to":"7.61.0"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","prPublicId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":4,"publishedDate":"2025-07-23T23:20:49.867Z"},"vulns":[]}' --------- Signed-off-by: Peter Jausovec <[email protected]> Co-authored-by: snyk-bot <[email protected]>

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.61.0 to 7.61.1.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **1 version** ahead of your current version. - The recommended version was released **23 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.1">2025-07-24</a>Revert "⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>)" </li> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiJjMTY2MTdjMi0yNDBkLTRkZDItOTRiZC01ZjZhOGI1MjY1OGQiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6ImMxNjYxN2MyLTI0MGQtNGRkMi05NGJkLTVmNmE4YjUyNjU4ZCJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.61.0","to":"7.61.1"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","prPublicId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":1,"publishedDate":"2025-07-24T12:22:03.373Z"},"vulns":[]}' Co-authored-by: snyk-bot <[email protected]>

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.58.1 to 7.61.0.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **4 versions** ahead of your current version. - The recommended version was released **21 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> <li> 7.60.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0">2025-07-04</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.60.0-next.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.60.0-next.0">2025-07-01</a>🦘 feat: <code>reset</code> new <code>keepFieldsRef</code> options keep fields reference (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3191330156" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12923" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12923/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12923">#12923</a>) <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })"><pre>// This option will skip input reference gets reset and avoid re-register input reference after reset reset(data, { keepFieldsRef: true })</pre></div> </li> <li> 7.59.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.59.0">2025-06-28</a>🪱 feat: support deep equality checking with circular references (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3176586583" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12914" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12914/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12914">#12914</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3162019046" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12900" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12900/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12900">#12900</a> issue with formData reference clone (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164608853" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12906" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12906/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12906">#12906</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3124599969" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12873" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12873/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12873">#12873</a> issue with undefined value for submit data (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3164563082" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12905" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12905/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12905">#12905</a>) 🐞 fix case when useWatch accept object variable param (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3157299182" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12897" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12897/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12897">#12897</a>) 🐞 fix: typo in UseFormSubscribe and missing event type for callback data in subscribe (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3163748029" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12904" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12904/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12904">#12904</a>) Revert "⌨️ rename to UseFormResetFieldOptions for type consistency" (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3165853766" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12907" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12907/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12907">#12907</a>) thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aspirisen/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/aspirisen">@ aspirisen</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/n8pjl/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/n8pjl">@ n8pjl</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/SKOLZ/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/SKOLZ">@ SKOLZ</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pushys/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/pushys">@ pushys</a> & <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/candymask0712/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/candymask0712">@ candymask0712</a> </li> <li> 7.58.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.58.1">2025-06-17</a>🔧 check window.crypto undefined (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3153410474" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12893" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12893/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12893">#12893</a>) </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiI5YmFkOWQwOS0yOWQxLTQxMzAtOGQyZS01NWQyNGJkYzIxMTkiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6IjliYWQ5ZDA5LTI5ZDEtNDEzMC04ZDJlLTU1ZDI0YmRjMjExOSJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.58.1","to":"7.61.0"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","prPublicId":"9bad9d09-29d1-4130-8d2e-55d24bdc2119","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":4,"publishedDate":"2025-07-23T23:20:49.867Z"},"vulns":[]}' --------- Signed-off-by: Peter Jausovec <[email protected]> Co-authored-by: snyk-bot <[email protected]>

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg) <h3>Snyk has created this PR to upgrade react-hook-form from 7.61.0 to 7.61.1.</h3> :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project. <hr/> - The recommended version is **1 version** ahead of your current version. - The recommended version was released **23 days ago**. <details> <summary>Release notes</summary> <details> <summary>Package name: react-hook-form</summary> <ul> <li> 7.61.1 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.1">2025-07-24</a>Revert "⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>)" </li> <li> 7.61.0 - <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases/tag/v7.61.0">2025-07-23</a>🧮 feat: compute prop for useWatch subscription (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2761362352" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12503" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12503/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12503">#12503</a>) <ul> <li>subscribe to the entire form but only return updated value with certain condition</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, compute: (data: FormValue) => { if (data.test?.length) { return data.test; } return ''; }, });</pre></div> <ul> <li>subscribe to a specific form value state</li> </ul> <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });"><pre>type FormValue = { test: string; } const watchedValue = useWatch({ control: methods.control, name: 'test', compute: (data: string) => { return data.length > 3 ? data : ''; }, });</pre></div> 👨‍🔧 trigger watch callbacks in response to value changes only (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210030061" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12945" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12945/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12945">#12945</a>) 🙏 track name with setValue subscription callbacks (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3210194804" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12946" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12946/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12946">#12946</a>) ⌨️ fix: watch return type based on defaultValue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3156326445" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12896" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12896/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12896">#12896</a>) 🐞 fix <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226443079" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12959" data-hovercard-type="issue" data-hovercard-url="/react-hook-form/react-hook-form/issues/12959/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/issues/12959">#12959</a> subscribe with latest defaultValues <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3226946310" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12961" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12961/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12961">#12961</a> 🐞 fix: handle explicit "multipart/form-data" encType in Form Component (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3212769870" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12948" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12948/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12948">#12948</a>) 🐞 fix(build): Remove React wildcard import to resolve ESM build issues (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3206776702" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12942" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12942/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12942">#12942</a>) 🦭 chore: improve exclude patterns (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3202497669" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12935" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12935/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12935">#12935</a>) 🐿️ chore: remove unused omit function (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3225961191" data-permission-text="Title is private" data-url="react-hook-form/react-hook-form#12958" data-hovercard-type="pull_request" data-hovercard-url="/react-hook-form/react-hook-form/pull/12958/hovercard" href="https://redirect.github.com/react-hook-form/react-hook-form/pull/12958">#12958</a>) Big thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/joshkel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/joshkel">@ joshkel</a> for helping with some of the subscription bugs! and also <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamja44/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/kamja44">@ kamja44</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mrazauskas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/mrazauskas">@ mrazauskas</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/codepunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/codepunkt">@ codepunkt</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/afontcu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/afontcu">@ afontcu</a> and <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rururux/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://redirect.github.com/rururux">@ rururux</a> </li> </ul> from <a href="https://redirect.github.com/react-hook-form/react-hook-form/releases">react-hook-form GitHub release notes</a> </details> </details> --- > [!IMPORTANT] > > - Check the changes in this PR to ensure they won't cause issues with your project. > - This PR was automatically created by Snyk using the credentials of a real user. --- **Note:** _You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs._ **For more information:** <img src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiJjMTY2MTdjMi0yNDBkLTRkZDItOTRiZC01ZjZhOGI1MjY1OGQiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6ImMxNjYxN2MyLTI0MGQtNGRkMi05NGJkLTVmNmE4YjUyNjU4ZCJ9fQ==" width="0" height="0"/> > - 🧐 [View latest project report](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 📜 [Customise PR templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template) > - 🛠 [Adjust upgrade PR settings](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?utm_source=github&utm_medium=referral&page=upgrade-pr) > - 🔕 [Ignore this dependency or unsubscribe from future upgrade PRs](https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc/settings/integration?pkg=react-hook-form&utm_source=github&utm_medium=referral&page=upgrade-pr#auto-dep-upgrades) [//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-hook-form","from":"7.61.0","to":"7.61.1"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","prPublicId":"c16617c2-240d-4dd2-94bd-5f6a8b52658d","packageManager":"npm","priorityScoreList":[],"projectPublicId":"3a1ab099-8f8f-43a5-81e6-e07ff34c96dc","projectUrl":"https://app.snyk.io/org/kagent/project/3a1ab099-8f8f-43a5-81e6-e07ff34c96dc?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":1,"publishedDate":"2025-07-24T12:22:03.373Z"},"vulns":[]}' Co-authored-by: snyk-bot <[email protected]>

joshkel added 2 commits July 7, 2025 14:59

Add a test case

139a8f5

Based on https://codesandbox.io/p/sandbox/react-hook-form-v7-ts-clearerrors-forked-qlspzg from react-hook-form#12721

joshkel force-pushed the useWatch-value-changes-only branch from b1d8412 to 139a8f5 Compare July 7, 2025 19:29

This was referenced Jul 7, 2025

issue: callback passed to form.watch in useEffect is being called in a loop #12821

Closed

issue: useWatch is triggered when unrelated field validation is triggered #12925

Closed

Merge branch 'master' into useWatch-value-changes-only

ac119f2

bluebill1049 approved these changes Jul 13, 2025

View reviewed changes

bluebill1049 merged commit 6de4297 into react-hook-form:master Jul 13, 2025
6 checks passed

joshkel deleted the useWatch-value-changes-only branch July 13, 2025 23:02

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Trigger watch callbacks in response to value changes only#12945

Trigger watch callbacks in response to value changes only#12945
bluebill1049 merged 3 commits into
react-hook-form:masterfrom
joshkel:useWatch-value-changes-only

joshkel commented Jul 7, 2025 •

edited

Loading

Uh oh!

bluebill1049 commented Jul 13, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Uh oh!

Conversation

joshkel commented Jul 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

bluebill1049 commented Jul 13, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

joshkel commented Jul 7, 2025 •

edited

Loading