在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是导致这个问题?
1条答案
按热度按时间3phpmpom1#
这是这个版本的Material UI中的一个回归,它已经在this pull request中解决了,应该会包含在未来一两天发布的下一个版本中。