title: Material UI TextField value with \n does not do a line break
body: <p>I'm trying to load a Material-UI TextField @material-ui/core": "^4.9.11" with a default value string that contains a \n (new line escape character).</p>
  
  <p>However, I don't get the text in the defaultValue to fall on two lines.  The \n escape is just included in the field.  So I want to pass a string that contains a \n to the defaultValue and have it go on two lines of the TextField.</p>
  
  <pre><code>import React from "react";
  import "./styles.css";
  import TextField from "@material-ui/core/TextField";
  
  export default function App() {
    return (
      &lt;div className="App"&gt;
        &lt;TextField multiline rows={2} defaultValue="Line1\nLine2" /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/dank-thunder-xwju8?file=/src/App.js:0-258" rel="nofollow noreferrer">I've got a codesandbox of this here</a></p>