Reactjs 材质UI主题不存在'；我不为道具工作

我正在尝试使用我的模态。除了材质ui主题之外，一切正常

我正在尝试创建组件

Modal

const Modal = (props) => {
    return (
       <Box>
          {props.children}
       </Box>
    );
}

我的

模态
组件

import React from 'react';
import {Box, IconButton, Typography} from "@material-ui/core";
...

const useStyles = makeStyles((theme) => ({
    ...
}));

function CrudModal(props) {
    const classes = useStyles();

    return (
        <MuiModal open={true}>
            <Fade in={true}>
                <Box className={classes.paper}>
                    <Box className={classes.header}>
                        ...
                    </Box>
                    <Box>
                        {props.children}
                    </Box>
                </Box>
            </Fade>
        </MuiModal>
    );
}

您真的需要使用createPalette吗？为什么不只是调色板：{text:{primary:'#1C242C'}}}@PeterBartels我不知道为什么，但它起了作用。非常感谢。
import defaultTheme from "../themes/default-theme";
import darkTheme from "../themes/dark-theme";
...
const defaultTheme = createMuiTheme({
    typography: {
        ...
    },
    palette: createPalette({
        ...
        text: {
            primary: "#1C242C",
            secondary: "#5B7083",
        }
    }),
});

class App extends Component {

    render() {
        return (
            <MuiThemeProvider theme={defaultTheme}>
                <Switch>
                    ...
                    <Route path="/topic" component={TopicPage} />
                    ...
                </Switch>
            </MuiThemeProvider>
        );
    }
}

import React from 'react';
import {Box, IconButton, Typography} from "@material-ui/core";
...

const useStyles = makeStyles((theme) => ({
    ...
}));

function CrudModal(props) {
    const classes = useStyles();

    return (
        <MuiModal open={true}>
            <Fade in={true}>
                <Box className={classes.paper}>
                    <Box className={classes.header}>
                        ...
                    </Box>
                    <Box>
                        {props.children}
                    </Box>
                </Box>
            </Fade>
        </MuiModal>
    );
}

import {Box, Button, MuiThemeProvider, TextField, Typography} from "@material-ui/core";
...

const useStyles = makeStyles({
    ...
});

const TestSection = () => {
    const classes = useStyles();
    ...

    return (
        <Box display="flex" flexDirection="column" mt={5} py={2}>
            <Box display="flex">
            ...

            <CrudModal>
                <Box px={3} pt={2}>
                    <Typography color="textPrimary">Введите название</Typography>
                </Box>
            </CrudModal>
        </Box>

    );

}

export default TestSection;