title: Material UI switch inputs not updating on form reset
body: <p>I'm using <code>react-hook-form</code> to build out my form, it is a great tool. However, I can't seem to get the <code>&lt;Switch /&gt;</code> elements to slide (false/true) based on the return values from redux. <strong>When I click &quot;reset&quot; on my form, all of my inputs reset. My Switch controls do not reset, they remain stuck on their last value regardless of it being possibly reset.</strong> Any thoughts on how to address this?</p>
  <h4>my Switch</h4>
  <pre class="lang-js prettyprint-override"><code>&lt;FormControlLabel
    control={
      &lt;Switch
        size=&quot;medium&quot;
        name=&quot;familyFriendly&quot;
        defaultChecked={formState.content.isFamilySafe}
        {...register('content.isFamilySafe')}
      /&gt;
    }
    label=&quot;Family Friendly&quot;
  /&gt;
  </code></pre>
  <h4>reset button</h4>
  <pre class="lang-js prettyprint-override"><code>   &lt;button
          type=&quot;button&quot;
          onClick={() =&gt; {
            reset(formState, {
              keepErrors: true,
              keepDirty: true,
              keepIsSubmitted: false,
              keepTouched: false,
              keepIsValid: false,
              keepSubmitCount: false,
            });
          }}
        &gt;
          reset
        &lt;/button&gt;
  </code></pre>
  <h4>useForm hook</h4>
  <pre><code>  const formState = useSelector(selectDynamicForm);
    const {
      register,
      control,
      handleSubmit,
      reset,
      formState: { errors },
    } = useForm&lt;IFormInput&gt;({});
  </code></pre>