title: Module not found: Can't resolve '@emotion/react' in 'E:\frontend\node_modules\@mui\styled-engine'
body: <p>I am trying to import a box component from <code>@mui/material/Box</code>. I have installed MUI 5 using the following command <code>npm i @mui/material</code>.
  But this error is occurring, <code>Module not found: Can't resolve '@emotion/react' in 'E:\frontend\node_modules\@mui\styled-engine'</code></p>
  <p>Here is my code.</p>
  <pre><code>import * as React from 'react';
  import Box from '@mui/material/Box';
  
  export default function WhiteSpace() {
    return (
      &lt;div style={{ width: 200 }}&gt;
        &lt;Box
          component=&quot;div&quot;
          sx={{
            whiteSpace: 'nowrap',
            my: 2,
            bgcolor: 'background.paper',
          }}
        &gt;
          White Space Nowrap. White Space Nowrap.
        &lt;/Box&gt;
        &lt;Box
          component=&quot;div&quot;
          sx={{
            whiteSpace: 'normal',
            my: 2,
            bgcolor: 'background.paper',
          }}
        &gt;
          White Space Normal. White Space Normal.
        &lt;/Box&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>Can someone help me fix this?</p>