PreTag.tsx

 1import * as React from 'react';
 2
 3import { makeStyles } from '@material-ui/styles';
 4
 5const useStyles = makeStyles({
 6  tag: {
 7    maxWidth: '100%',
 8    overflowX: 'auto',
 9  },
10});
11
12const PreTag: React.FC<React.HTMLProps<HTMLPreElement>> = (props) => {
13  const classes = useStyles();
14  return <pre className={classes.tag} {...props} />;
15};
16
17export default PreTag;