title: how to change nowrap text by using Material-ui
body: <p>I want to show nowrap text like ...더보기 not ...,
  how can i change it by using material-ui</p>
  
  <pre><code>import React from 'react';
  import Typography from '@material-ui/core/Typography';
  import { makeStyles } from '@material-ui/core/styles';
  
  const useStyles = makeStyles({
    root: {
      width: '100%',
      maxWidth: 500,
    },
  });
  
  export default function Types() {
    const classes = useStyles();
  
    return (
      &lt;div className={classes.root}&gt;
        &lt;Typography noWrap variant="body1" gutterBottom&gt;
          body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis teneturunde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.
        &lt;/Typography&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  
  <p>it shows like that "body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blandit..."</p>
  
  <p>but i want to show like that "body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blandit ...더보기"</p>
  
  <p>could you help me?</p>