Cuando hago clic en un botón, aparece correctamente un cuadro de diálogo Material UI (¡sí!). Ahora solo quiero que sea a pantalla completa en lugar de solo una pequeña parte de la pantalla. Estoy tratando de seguir la API Material UI para el cuadro de diálogo , pero mi cuadro no aparece en pantalla completa. ¿Hay algún tipo de desconexión que me estoy perdiendo aquí? Muchas gracias de antemano (lo siento si esta es una pregunta de novato).

 import React from 'react'; import { makeStyles } from '@material-ui/styles'; import Button from '@material-ui/core/Button'; import TextField from '@material-ui/core/TextField'; import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import DialogContent from '@material-ui/core/DialogContent'; import DialogContentText from '@material-ui/core/DialogContentText'; import DialogTitle from '@material-ui/core/DialogTitle'; import PhotoScrolling from './PhotoScrolling'; /* const useStyles = makeStyles({ imageSlider: { backgroundColor: 'yellow', color: 'black', width: 400, }, }); */ export default function FormDialog() { // const classes = useStyles(); const [open, setOpen] = React.useState(false); const handleClickOpen = () => { setOpen(true); }; const handleClose = () => { setOpen(false); }; return ( <div> <Button variant="outlined" color="primary" onClick={handleClickOpen}> Open form dialog </Button> <Dialog open={open} onClose={handleClose} aria-labelledby="form-dialog-title"> <DialogTitle id="form-dialog-title" fullScreen={true} fullWidth={true} >Section Title</DialogTitle> <PhotoScrolling></PhotoScrolling> <DialogActions> <Button onClick={handleClose} color="primary"> Close </Button> </DialogActions> </Dialog> </div> ); }