title: Set defaultValues to Controllers in useFieldArray
body: <p>Misunderstanding react-hook-forms.</p>
  <p>I have a form for editing some stuff. Form contains fieldArray.
  I set initial formData in useForm hook using default values</p>
  <pre><code>const methods = useForm({ defaultValues: defaultValues });
  </code></pre>
  <p>where defaultValues is</p>
  <pre><code>const defaultValues = {
    test: [
      {
        name: &quot;useFieldArray1&quot;
      },
      {
        name: &quot;useFieldArray2&quot;
      }
    ]
  };
  </code></pre>
  <p>And fieldArray. Here I'm using Controller (it's simplified case - in fact Custom input Controller more complex)</p>
  <pre><code> &lt;ul&gt;
      {fields.map((item, index) =&gt; {
            return (
              &lt;li key={item.id}&gt;
                &lt;Controller 
                      name={`test[${index}].name`}
                      control={control}
                      render={({value, onChange}) =&gt; 
                      &lt;input onChange={onChange} defaultValue={value} /&gt;}
                /&gt;
                &lt;button type=&quot;button&quot; onClick={() =&gt; remove(index)}&gt;
                  Delete
                &lt;/button&gt;
              &lt;/li&gt;
            );
          })}
  &lt;/ul&gt;
  </code></pre>
  <p>When form is rendered everything is fine. Default values are displayed in input fields. But when I delete all fields and click append - new fields are not empty ... Default values are displayed
  again. And it happens only with Controller. Why it happens ? And how I can avoid it?</p>
  <p>Please, here is CodeSandBox link. Delete inputs and press append to reproduce what I am saying.</p>
  <p><a href="https://codesandbox.io/s/react-hook-form-usefieldarray-nested-arrays-forked-7mzyw?file=/src/fieldArray.js" rel="nofollow noreferrer">https://codesandbox.io/s/react-hook-form-usefieldarray-nested-arrays-forked-7mzyw?file=/src/fieldArray.js</a></p>
  <p>Thanks</p>