如何在react +材料中读取颜色显示*？

npm install react
npm install @material-ui/core

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { Box } from '@material-ui/core';

const useStyles = makeStyles((theme) => ({
  colorBox: {
    width: '100px',
    height: '100px',
    backgroundColor: theme.palette.primary.main,
  },
}));

const ColorComponent = () => {
  const classes = useStyles();

  return (
    <Box className={classes.colorBox}></Box>
  );
};