Reactjs 材料ui背景不包括按钮和其他元素

如何让背景覆盖按钮？ 不管我做什么，按钮看起来好像在背景之上，我不能把它们移到背景后面

见代码：

import React from "react";
import { Backdrop, Button } from "@material-ui/core";
import CircularProgress from "@material-ui/core/CircularProgress";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles({});

export default function App() {
  const classes = useStyles();
  const [test, setTest] = React.useState(true);

  return (
    <div className={classes.parent}>
      <Backdrop className={classes.backdrop} open={test}>
        <CircularProgress color="inherit" />
      </Backdrop>

      <Button
        variant="contained"
        color="secondary"
        onClick={() => {
          setTest(test ? false : true);
        }}
      >
        I should be behind the backdrop (click me)
      </Button>
    </div>
  );
}

从“React”导入React；
从“@material ui/core”导入{background，Button}”；
从“@material ui/core/CircularProgress”导入CircularProgress；
从“@material ui/core/styles”导入{makeStyles}”；
const useStyles=makeStyles（{}）；
导出默认函数App（）{
const classes=useStyles（）；
const[test，setTest]=React.useState（true）；
返回(
{
setTest（测试？假：真）；
}}
>
我应该在背景后面（点击我）
);
}

---

您需要为背景设置更高的z指数

constusestyles=makeStyles（（主题）=>（{background:{zIndex:theme.zIndex.drawer+1，color:'#fff'，}，}））

这应该可以解决问题，只需检查文档。
useStyles钩子中缺少类