title: What is the difference between @material-ui and @mui
body: <p>I found that the Official Website of Material UI is using <code>@material-ui</code> and <code>@mui</code>.</p>
  <p>But I find that If I use <code>@material-ui</code> or <code>@mui</code> Textfield, the UI doesn't works and the problems are mentioned below</p>
  <p><a href="https://stackoverflow.com/questions/69217419/react-material-label-not-in-right-position-in-textfield">React - Material label not in right position in Textfield</a></p>
  <p>If you search Material UI in google, and go to <code>https://mui.com/</code>, it tells you to <code>npm install @mui/material</code>. But few weeks ago, I am using <code>npm install @material-ui</code></p>
  <p>If I have both <code>@material-ui</code> and <code>@mui</code> in my package.json, and I include both <code>script</code> and <code>stylesheet</code> in <code>index.html</code>, will there be any conflicts which mess up the UI</p>
  <p><strong>Update 1<br></strong>
  In <code>@mui</code> CodeSandbox,<br>
  If you try <code>Textfield</code> with <code>select</code> prop, when you open the select, <code>overflow: hidden</code> will be added in body.
  <a href="https://i.stack.imgur.com/6Q5V8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6Q5V8.png" alt="enter image description here" /></a></p>
  <p><a href="https://codesandbox.io/s/selecttextfields-material-demo-forked-z6b9f?file=/demo.js" rel="noreferrer">https://codesandbox.io/s/selecttextfields-material-demo-forked-z6b9f?file=/demo.js</a></p>
  <p>In my project,
  <code>overflow: hidden; padding: 15px</code> is added in body, but I checked I've done nothing about this!
  <a href="https://i.stack.imgur.com/0902c.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0902c.png" alt="enter image description here" /></a></p>