title: TextField Material UI long error go to the nextline
body: <pre><code>&lt;TextField
       error=&quot;Super long message !!!!!!!!!!!!!!!!!!!!!!!!!!!!!&quot;
       outlined
  /&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/krvb6.png" rel="nofollow noreferrer">Error Message</a></p>
  <p>Currently the display is truncate. How to make it display multiple lines? I want to pass a dynamic string to error prop and need to auto detect the width to wrap the error message to go to the nextline.</p>