How to wrap text in MUI MenuItem?
<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>