reactjs MUI:在主题中为prop找到的值:“error”是一个[Object]而不是字符串或数字

ogsagwnx  于 2023-10-17  发布在  React
关注(0)|答案(1)|浏览(108)

在MUI v5.14.13中,一切都很好,突然我开始得到以下错误:

MUI: The value found in theme for prop: "error" is an [Object] instead of string or number. Check if you forgot to add the correct dotted notation, eg, "background.paper" instead of "background".

这似乎是来自style.js:34文件。即使在该组件中没有直接使用样式化组件,我也会得到上面的错误消息。

下面是一个示例

下面的代码将全屏启动一个对话框,并在单击取消时关闭它:

import * as React from "react";
import Dialog from "@mui/material/Dialog";
import AppBar from "@mui/material/AppBar";
import Toolbar from "@mui/material/Toolbar";
import IconButton from "@mui/material/IconButton";
import CloseIcon from "@mui/icons-material/Close";
import Slide from "@mui/material/Slide";
import { Box, Button, Stack } from "@mui/material";

const Transition = React.forwardRef(function Transition(props, ref) {
  return <Slide direction="up" ref={ref} {...props} />;
});

const FullScreenDialog = ({ open, onClose }) => {
  return (
    <div>
      <Dialog
        fullScreen
        open={open}
        onClose={onClose}
        TransitionComponent={Transition}
      >
        <AppBar sx={{ position: "relative" }}>
          <Toolbar>
            <IconButton
              edge="start"
              color="inherit"
              onClick={onClose}
              aria-label="close"
            >
              <CloseIcon />
            </IconButton>
          </Toolbar>
        </AppBar>
        <Box margin={{ sm: 3, xs: 2 }}>
          <Stack spacing={1} direction="row" justifyContent={"flex-end"}>
            <Button
              variant="outlined"
              color="error"
              size="small"
              onClick={onClose}
              sx={{
                borderRadius: 10,
                textTransform: "none",
                ":hover": {
                  bgcolor: "error",
                  color: "error",
                  border: "error",
                },
              }}
            >
              Cancel
            </Button>
          </Stack>
        </Box>
      </Dialog>
    </div>
  );
};

export default FullScreenDialog;

当点击Cancel按钮时,出现相同的错误。即使从不同的组件单击开始按钮,仍然会出现相同的错误。
任何想法是什么改变了MUI是导致这个问题?

3phpmpom

3phpmpom1#

这是这个版本的Material UI中的一个回归,它已经在this pull request中解决了,应该会包含在未来一两天发布的下一个版本中。

相关问题