How to wrap or truncate long strings in a Material-UI ExpansionPanelSummary

From the official docs: https://material-ui.com/api/typography/

noWrap: If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.
Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).

Note the capital ‘W’ in ‘noWrap’.

<Typography noWrap className={classes.heading}>
  areallyreallylongaddress@email.example.com
</Typography>