Material-UI排版:在4.1.2中停止换行

import React from 'react';
import { Typography } from '@material-ui/core';

const MyComponent = () => (
  <Typography noWrap>
    这是一段很长的文本，不会自动换行。
  </Typography>
);

export default MyComponent;

import React from 'react';
import { Typography, makeStyles } from '@material-ui/core';

const useStyles = makeStyles({
  text: {
    whiteSpace: 'normal',
    wordBreak: 'break-word',
  },
});

const MyComponent = () => {
  const classes = useStyles();
  return (
    <Typography className={classes.text}>
      这是一段很长的文本，会自动换行。
    </Typography>
  );
};

export default MyComponent;

npm install @material-ui/core@latest