title: How to wrap text in MUI MenuItem?
body: <p>So I have some text that I need to show in the popover. I have the following code that makes the text to appear in one line. I need to make the text wrapped to have them displayed in multiple lines for UI reason but so far my update has not been successful. Any idea?</p>
  <pre><code>&lt;Popover
    anchorEl={target}
    open={open}
    anchorOrigin={{ horizontal: 'middle', vertical: 'bottom' }}
    targetOrigin={{ horizontal: 'left', vertical: 'bottom' }}
    onRequestClose={handleRequestClose}
    animation={PopoverAnimationVertical}
  &gt;
    &lt;Menu autoWidth={true}&gt;
      &lt;MenuItem style={{ width: '200px', height: '200px' }}&gt;
        &lt;p style={{ display: 'flex', flexWrap: 'wrap' }}&gt;
          'aslkjflajdsljflskdjflsdfjlsjdfjdfjlasjkfadlsf'
        &lt;/p&gt;
      &lt;/MenuItem&gt;
      //this does not work....
    &lt;/Menu&gt;
  &lt;/Popover&gt;
  </code></pre>