材质用户界面在makeStyles中使用主要和次要

Question

我正在使用useStyle设置Drawer组件的背景颜色。如果我设置background: 'red'可以正常工作。但是将其设置为background: 'primary'无效。我可能做错了什么？这是我的代码：

const useStyles = makeStyles((theme) => ({
  
  drawer: {
    flexGrow: 1,
    flexShrink: 0,
  },
  drawerPaper: {
    flexGrow: 1,
    background: 'primary',
  },
}));

<Drawer
        className={classes.drawer}
        variant='persistent'
        anchor='top'
        open={true}
        classes={{
          paper: classes.drawerPaper,
        }}
      >