title: setValue in a whole form with react-hook-form
body: <p>I'm building up a user profile that has some addresses, the user can edit them, it's almost finished, but I'm stuck in setting the user edit address in a form.
  <a href="https://i.stack.imgur.com/eYX92.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eYX92.gif" alt="GIF example" /></a></p>
  <p>Just like it shows in the GIF when I click the button no value is set, I'm using react-hook-form to build these forms.</p>
  <p>This is the function that execute when I click on the button:</p>
  <pre><code>const editAddress = (i) =&gt; {
      const addressClicked = addressList[i];
      console.log(addressWatch());
      setAddressValue(&quot;name&quot;, addressClicked);
      setShowForm(true);
    };
  </code></pre>
  <p>addressList is an array that is being looped, and then I get the key from the <code>.map(v,i)</code> and it returns an object with all the information that should populate the input fields for the user to edit it.</p>