Proprietatea "nu exista pe tip "string" atunci când se utilizează makestyles @mui

Am urmatorul cod:

    const useStyles = makeStyles(() => ({
  dialog: {
    root: {
      position: 'absolute'
    },
    backdrop: {
      position: 'absolute'
    },
    paperScrollPaper: {
      overflow: 'visible'
    },
    paper: {
      background: 'none',
      boxShadow: 'none',
      overflow: 'hidden'
    }
  },
}))
    
export const LoadingBackdrop = (props: any) => {
  const classes = useStyles()
  const backdropProps = {
    disableEscapeKeyDown: true,
    disableAutoFocus: true,
    disableEnforceFocus: true,
    disableScrollLock: true,
    disablePortal: true,
  }
  return (
    <Dialog
      {...backdropProps}
      fullWidth
      className={classes.dialog.root}
      classes={{
        paperScrollPaper: classes.dialog.paperScrollPaper,
        paper: classes.dialog.paper,
        paperFullWidth: classes.dialog.paper
      }}
      BackdropProps={{
        classes: { root: classes.dialog.backdrop }
      }}
      style={{ position: 'absolute' }}
      {...props}
    >
      <Loading />
    </Dialog>
  )
}

La LoadingBackDrop componentă, primesc următoarea eroare de la ts eslint:

Proprietate "root" nu exista pe tip "string".ts(2339)

Același lucru este valabil și pentru alte utilizări de clase.de dialog, numai schimbarea numelui de proprietate...

Cum pot adnota sau tastați makestyles funcția (sau cârlig apel) pentru a rezolva aceasta eroare?