title: React-select with react-hook-form
body: <p>I have a credit card component. when user select expire month or expire year from select, I want to get value in p tag. Controller code is here, if I use render with controller its working but not giving error.</p>
  <pre><code>&lt;Controller
   as={&lt;Select options={years} /&gt;}
   name=&quot;expiryYear&quot;
   onChange={(inputValue) =&gt; changeValue(inputValue.value)}
   control={control}
   defaultValue={null}
   rules={{
   required: true
   }}
  /&gt;
  </code></pre>
  <p>How it giving error when its null and get value in the p tag?
  and here is the sandbox link <a href="https://codesandbox.io/s/cool-http-rbzfp" rel="nofollow noreferrer">https://codesandbox.io/s/cool-http-rbzfp</a></p>