title: react-hook-form: how to get the select value
body: <p>I am using <code>react-hook-form</code> with <code>react-select</code>. The below is the code</p>
  <pre><code>import CreatableSelect from &quot;react-select/creatable&quot;;
  
  
  const scriptOptions = [
      { value: &quot;imd&quot;, label: &quot;Immediate&quot; },
      { value: &quot;sch&quot;, label: &quot;Scheduled&quot; },
  ];
  
  &lt;Controller
      name=&quot;resetType&quot;
      control={control}
      render={({ field }) =&gt; (
          &lt;CreatableSelect
              {...field}
              options={scriptOptions}
          /&gt;
      )}
  /&gt;
  </code></pre>
  <p>the value of <code>resetType</code> looks like</p>
  <pre><code>resetType: {
      label: &quot;Immediate&quot;
      value: &quot;imd&quot;
  }
  </code></pre>
  <p>instead I want</p>
  <pre><code>resetType: &quot;imd&quot;
  </code></pre>
  <p>How to get this done</p>