title: Implement inputRef prop with Material UI TextField custom component
body: <p>I'm trying to hook up Material UI <code>TextField</code> with an input component of my own. The code utilizing the <code>TextField</code> looks like this:</p>
  
  <pre><code>&lt;Autocomplete
    id="inputData"
    options={inputData}
    getOptionLabel={option =&gt; option.text}
    renderInput={params =&gt; (
      &lt;TextField
        {...params}
        label="inputData"
        InputProps={{
          inputComponent: () =&gt; &lt;Input name="inputData" /&gt;
        }}
      /&gt;
    )}
  /&gt;
  </code></pre>
  
  <p>and the <code>Input</code> component code is simple:</p>
  
  <p><code>const Input = () =&gt; &lt;input /&gt;</code></p>
  
  <p>It will become more complicated but for now I'd like to get this simple code to work. The error I get is that <code>inputRef.current is null</code> which is probably caused by the lack of <code>InputElement</code> interface implementation in the <code>Input</code> component. Please see the Material UI <a href="https://material-ui.com/components/text-fields/#integration-with-3rd-party-input-libraries" rel="nofollow noreferrer">docs</a> below the code snippet for the info on <code>InputElement</code> interface. In other words my <code>Input</code> component doesn't handle the <code>inputRef</code> prop Material UI needs.</p>
  
  <p>How do I properly integrate a custom <code>Input</code> component with Material UI <code>TextField</code> ?</p>
  
  <p>Here's a Sandbox: <a href="https://codesandbox.io/s/fervent-bash-pxqq0" rel="nofollow noreferrer">https://codesandbox.io/s/fervent-bash-pxqq0</a>.</p>