[docs] Replace Fragment with Typography

mui · Mar 25, 2020 · 0e10af5 · 0e10af5
1 parent 0258c9a
commit 0e10af5
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/docs/src/pages/customization/default-theme/DefaultTheme.js b/docs/src/pages/customization/default-theme/DefaultTheme.js
@@ -10,6 +10,7 @@ import clsx from 'clsx';
 import { makeStyles, withStyles, createMuiTheme, lighten } from '@material-ui/core/styles';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Switch from '@material-ui/core/Switch';
+import Typography from '@material-ui/core/Typography';
 
 /**
  * @param {unknown} value
@@ -96,15 +97,15 @@ function ObjectEntryLabel(props) {
   const classes = useObjectEntryLabelStyles();
 
   return (
-    <React.Fragment>
+    <Typography component="div">
       {`${objectKey}: `}
       {type === 'color' ? (
         <span className={classes.color} style={{ borderColor: lighten(label, 0.7) }}>
           <span className={classes.colorInner} style={{ backgroundColor: label }} />
         </span>
       ) : null}
       <span className={clsx('token', tokenType)}>{label}</span>
-    </React.Fragment>
+    </Typography>
   );
 }