Как можно стилизовать фон модального окна MaterialUI? ⇐ CSS

[Anonymous]

У меня настроен модальный интерфейс MUI, в настоящее время он работает, однако фон отображается черным. У меня есть стиль, но по какой-то причине фон не обновляется и остается черным.
Мой код приведен ниже, ниже также приведен снимок экрана того, что я вижу, когда модальное окно открылся. Пожалуйста, дайте мне знать, как я могу решить эту проблему.


import { Box, Modal, Typography } from "@material-ui/core";
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles((theme) => ({
modalStyle: {
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: 300,
bgcolor: "background.paper",

boxShadow: 24,
p: 4,
backgroundColor: "white",
borderRadius: "10px",
},
}));

const PopupModal = ({ postModalOpen, handleClose, children }) => {
const classes = useStyles();

return (


ModalText

{children}



);
};

export default PopupModal;


Подробнее здесь: https://stackoverflow.com/questions/703 ... alui-modal