title: React - using forwardRef in component, typescript error - Property 'current' is missing
body: <p>I'm struggling to understand why the typescript compiler is unhappy with the forwardRef I'm using in a component.</p>
  <p>I've pared my code right down to the bare essentials for the example below, ensuring this typescript error is the only one that manifests in the code, as per the issue in my actual code:</p>
  <pre><code>import { createRef, forwardRef, RefObject } from 'react';
  
  const MyComponent = () =&gt; {
      const selectCountryRef = createRef&lt;HTMLSelectElement&gt;();
  
      return (
          &lt;div&gt;
              &lt;SelectCountry ref={selectCountryRef} /&gt;
          &lt;/div&gt;
      );
  };
  
  const SelectCountry = forwardRef((ref?: RefObject&lt;HTMLSelectElement&gt;) =&gt; {
      return (
          &lt;FormFieldSelect ref={ref} /&gt;
      );
  });
  
  const FormFieldSelect = ({ ref }) =&gt; {
      return (
          &lt;div&gt;
              &lt;select ref={ref}&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      );
  };
  
  </code></pre>
  <p>When trying to compile this, I get the error:</p>
  <p><code>Property 'current' is missing in type '{ ref: RefObject&lt;HTMLSelectElement&gt;; }' but required in type 'RefObject&lt;HTMLSelectElement&gt;'.</code></p>
  <p>In VSCode, <code>&lt;SelectCountry ...</code> is where the IDE is having a whinge, the exact message is:</p>
  <p><code>const SelectCountry: ForwardRefExoticComponent&lt;RefObject&lt;HTMLSelectElement&gt; &amp; RefAttributes&lt;unknown&gt;&gt; Property 'current' is missing in type '{ ref: RefObject&lt;HTMLSelectElement&gt;; }' but required in type 'RefObject&lt;HTMLSelectElement&gt;'.ts(2741) index.d.ts(85, 18): 'current' is declared here.</code></p>
  <p>I'm just failing to understand why I'm getting this error.</p>
  <p>Currently using React 17.0.2</p>