PaperProps in MUI doesn't understand breakpoints such as xs: , md: and etc-CodePudding

 <Dialog
        open={open}
        TransitionComponent={Transition}
        keepMounted
        onClose={handleClose}
        aria-describedby="alert-dialog-slide-description"
        PaperProps={{
          style: {
            margin: 0,
            width: '100%',
            minHeight: {xs: '100%', md:'0%'},
            maxWidth: 800,
            backgroundColor: "#2c3059",
    
          },
        }} />

I am trying to change minHeight on different screen-size but the break points such as {xs: '100%', md:'0%'} Doesn't work at all, what i am doing wrong?

CodePudding user response：

Where did you read that "style" prop works like this?

If you use MUI version 5: replace it with sx prop

  PaperProps={{
       sx: {
         margin: 0,
         width: '100%',
         minHeight: {xs: '100%', md:'0%'},
         maxWidth: 800,
         backgroundColor: "#2c3059",
      }
}}