材质UI-文本字段轮廓不呈现轮廓

我刚刚从设置变量“概述”的材料用户界面示例页直接TextField。但由于某些原因,它并没有呈现出轮廓的变体,而只是“经典”的变体。我不想用一些自定义css来破解它。我已经搜索过它可能是什么,但找不到答案。提前谢谢你的帮助

<TextField
   id="outlined-multiline-static"
   label="some text"
   multiline
   rows="4"
   value={value}
   onChange={onChange}
   className={classes.textField}
   margin="normal"
   variant="outlined"
  />

CSS格式

textField: {
    marginLeft: theme.spacing.unit,
    marginRight: theme.spacing.unit,
},