title: React material-ui text field screen shakes
body: <p>I have a simple react code. There is a material-UI Textfield.</p>
  <p>When I click in the text box to enter data, the screen shakes. After entering data, I click outside, the box screen shakes. Do help me resolve this screen shaking. Thanks so much.</p>
  <pre><code>import Grid from '@material-ui/core/Grid';
  import TextField from '@material-ui/core/TextField';
  import PropTypes from 'prop-types';
  import React, { useState } from 'react';
  const Login = props =&gt; {
  
      return (
          &lt;div&gt;
              &lt;Grid container spacing={2} justify=&quot;center&quot;&gt;
  
                  &lt;Grid item xs={12} container justify=&quot;center&quot; spacing={2}&gt;
                      &lt;Grid item xs={3}&gt;
                          &lt;TextField
                              label=&quot;fd&quot;
                              variant=&quot;outlined&quot;
                              fullWidth
                          &gt;
                          &lt;/TextField&gt;
                      &lt;/Grid&gt;
                  &lt;/Grid&gt;
              &lt;/Grid&gt;
  
          &lt;/div&gt;
      )
  }
  
  export default Login;
  </code></pre>