[Snyk] Upgrade react-hook-form from 7.53.0 to 7.58.1

[yatin-dassana]

Snyk has created this PR to upgrade react-hook-form from 7.53.0 to 7.58.1.

ℹ️ 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.

---

• The recommended version is 26 versions ahead of your current version.

• The recommended version was released a month ago.

Release notes

Package name: react-hook-form

• 7.58.1 - 2025-06-17
  

  🔧 check window.crypto undefined (#12893)

• 7.58.0 - 2025-06-15
  

  ⌨️ feat: add FieldArrayPathByValue type (#12481)
  📇 feat #12813 use stringToPath to prevent error at field name with quotes (#12858)
  🧧 default to crypto.randomUUID in generateId (#12890)
  🐞 close #12857 incorrect formControl return from useForm (#12878)
  🐞 fix Initial useFieldArray fields (#12847)
  🥷 chore: improve type import (#12879)
  📇 chore: Added displayName to useFormContext (#11448)
  ✍️ chore: fix typo in assert-esm-exports.mjs (#12860)

  thanks to @ mastermatt, @ clonemycode, @ dusan233, @ candymask0712, @ tran-simon & @ adnanalbeda

• 7.57.0 - 2025-06-01
  

  🫚 feat: root errors count in schema error lookup (#12839)
  👁️ feat: focus form field for errors supplied by errors prop (#12805)
  ⌨️ feat: add and export options config for resetField api (#12819)
  🐞 close #12707 useController focus function runtime issue (#12843)
  🐞 fix: add proper types to form.subscribe (#12850)
  🐞 fix: add type info for callback args in subscribe (#12859)
  🔄 close #12835 revert original fix on errors empty object check (#12846)

  thanks to @ candymask0712, @ CertainlyAria, @ jkbach, @ chrisgarber and @ evgeniyworkbel

• 7.57.0-next.0 - 2025-04-27
  

  👀 useWatch new compute props

  • subscribe to the entire form but only return updated value with certain condition
  type FormValue = {
  test: string;
  }

  const watchedValue = useWatch({
  control: methods.control,
  compute: (data: FormValue) => {
  if (data.test?.length) {
  return data.test;
  }

  <span class="pl-k">return</span> <span class="pl-s">''</span><span class="pl-kos">;</span>
  

  },
  });

  • subscribe to a specific form value state
  type FormValue = {
  test: string;
  }

  const watchedValue = useWatch({
  control: methods.control,
  name: 'test',
  compute: (data: string) => {
  return data.length > 3 ? data : '';
  },
  });

  
  


• 
  7.56.4 - 2025-05-17
  

  🐞 fix: Changes setValue to skip values that are not in ownProperties to prevent infinite call stack (#12731)
  
  🐞 fix: checkbox duplication handling in useFieldArray (#12793)
  
  🐞 fix: make mode and reValidateMode reactive (#12803)

  
  


• 
  7.56.3 - 2025-05-07
  

  Revert "📭 close #12773 pass input ref instead partial (#12775)"

  
  


• 
  7.56.2 - 2025-05-03
  

  🐞 fix #12785 regression on default value gets overwritten by values props (#12790)
  
  🐞 fix: use layoutEffect in useWatch for subscription similar to useForm (#12786)
  
  🐞 fix #12772 reset form useWatch to utilize ref for defaultValue and … (#12780)
  
  📭 close #12773 pass input ref instead partial (#12775)

  
  


• 
  7.56.1 - 2025-04-22
  

  🐞 fix #12761 #12762 issue with usage reset isReady formState (#12765)
  
  🐞 fix #12763 import warning with named exports (#12764)

  
  


• 
  7.56.0 - 2025-04-20
  

  ⏰ feat: introduce isReady state for subscription (#12568)

  const { formState: { isReady }, setValue } = useForm()

  useEffect(() => {
  // form subscription setup is ready
  if (isReady) setValue('test', 'value')
  }, [isReady])

  🌗 feat: support reactive mode and reValidateMode (#12743)
  🐞 fix #12741 regression on move/swap on useFieldArray input update (#12749)
  🐞 fix: use useIsomorphicLayoutEffect to address warning in SSR (#12738)

• 7.56.0-next.0 - 2025-04-13
  

  ⏰ feat: introduce isReady state for subscription (#12568)

  const { formState: { isReady }, setValue } = useForm()

  useEffect(() => {
  // form subscription setup is ready
  if (isReady) setValue('test', 'value')
  }, [isReady])

  🌗 feat: support reactive mode and reValidateMode (#12743)
  🐞 fix #12741 regression on move/swap on useFieldArray input update (#12749)
  🐞 fix: use useIsomorphicLayoutEffect to address warning in SSR (#12738)

• 7.55.0 - 2025-03-28
• 7.55.0-next.9 - 2025-03-17
• 7.55.0-next.8 - 2025-03-13
• 7.55.0-next.7 - 2025-03-07
• 7.55.0-next.6 - 2025-03-05
• 7.55.0-next.5 - 2025-02-22
• 7.55.0-next.4 - 2025-02-08
• 7.55.0-next.3 - 2025-01-25
• 7.55.0-next.2 - 2025-01-18
• 7.55.0-next.1 - 2024-12-27
• 7.55.0-next.0 - 2024-12-24
• 7.54.2 - 2024-12-20
• 7.54.1 - 2024-12-12
• 7.54.0 - 2024-12-06
• 7.53.2 - 2024-11-08
• 7.53.1 - 2024-10-19
• 7.53.0 - 2024-08-24

from react-hook-form GitHub release notes

---

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:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs