title: React Material-UI TextField with preloaded value does not move the label (label overlaps with the TextField content)
body: <p>I have Material-UI TextField:</p>
  <pre><code>&lt;TextField id=&quot;gen_ref_num&quot; className=&quot;col-6 form-control-sm&quot; label=&quot;Number&quot; variant=&quot;filled&quot; value={this.props.invoice.gen_ref_num} onChange={this.handleChange}/&gt;
  </code></pre>
  <p>And <code>this.props.invoice.gen_ref_num</code> has the value already preloaded. Unfortunately, the label overlaps with the content. When I am start editing the field, then the label moves upside and sits in the right position (no overlap anymore). How to ask Material-UI TextField to respect the pre-loaded values and to move label upwards?</p>