title: React Hook Form and persistent data on page reload
body: <p>I'm using React Hook Form v7 and I'm trying to make my data form persistent on page reload. I read the official <a href="https://react-hook-form.com/advanced-usage#WizardFormFunnel" rel="nofollow noreferrer">RHF documentation</a> which suggests to use <a href="https://github.com/bluebill1049/little-state-machine" rel="nofollow noreferrer">little state machine</a> and I tried to implement it but without success. Is there a better way to do it? However...</p>
  <p>The first problem I encountered using it, is that my data is a complex object so the <code>updateAction</code> it should be not that easy.</p>
  <p>The second problem is that I don't know when and how to trigger the updateAction to save the data. Should I trigger it on input blur? On input change?</p>
  <p>Here's my test code:</p>
  <p><a href="https://codesandbox.io/s/busy-rgb-ljbo55?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit busy-rgb-ljbo55" /></a></p>