title: React hook form method - setValue - doesn't work
body: <p>I have some clearable select, and I want to reset the <code>applets</code> field in state to an empty array.</p>
  <pre><code>const defaultFormValues = { device: { ...initialDevice }, applets: [] };
    const { control, getValues, setValue, reset, handleSubmit } = useForm&lt;CreateDeviceFormData&gt;({
      mode: &quot;all&quot;,
      reValidateMode: &quot;onChange&quot;,
      defaultValues: defaultFormValues,
      resolver: yupResolver(validationSchema),
    });
  
    const onChangeHandler = React.useCallback(
      (value: Experience | null) =&gt; {
        if (value) {
          setValue(&quot;applets&quot;, getApplets(value));
        } else {
          setValue(&quot;applets&quot;, []);
          // reset(defaultFormValues);
        }
  
        setValue(&quot;device.experience_id&quot;, value ? value.id : undefined);
      },
      [templateSelector, setValue],
    );
  
    console.log(&quot;current data&quot;, getValues(), control);
    return (
      &lt;&gt;
        &lt;SomeAutocompleteComponent control={control} onChange={onChangeHandler} /&gt;
        &lt;SelectAppletsComponent control={control} /&gt;
      &lt;/&gt;
    );
  
  
  export const SelectAppletsComponent = ({ control, onChange }) =&gt; {
    const applets = useWatch({ control, name: &quot;applets&quot; }) as Applet[];
    const device = useWatch({ control, name: &quot;device&quot; }) as Device;
  
    if (!applets.length) {
      return null;
    }
  
    return (
      &lt;SpanWrapper className=&quot;p-col-8&quot;&gt;
        {applets.map((applet) =&gt; (
          &lt;LabelRadio
            key={applet.id}
            inputId={applet.applet_type}
            value={applet.applet_type}
            label={applet.name}
            checked={device.applet_type === applet.applet_type}
            onChange={onChange}
          /&gt;
        ))}
      &lt;/SpanWrapper&gt;
    );
  };
  </code></pre>
  <p>the problem is that clearing the selection on UI with <code>setValue(&quot;applets&quot;, []);</code> not working for some reason, and I don't understand why, and how to do it without <code>reset</code> method, which resets the whole state, not just single property as I understand</p>