Makestyles @muı kullanılırken "string" türünde özellik yok

Aşağıdaki kodum var:

    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>
  )
}

LoadingBackDrop bileşeninde, ts eslint'ten aşağıdaki hatayı alıyorum:

Mülkiyet 'root' type 'string'yok.ts (2339)

Aynı şey sınıfların diğer kullanımları için de geçerlidir.iletişim kutusu, yalnızca özelliğin adını değiştirir...

Bu hatayı düzeltmek için makestyles işlevine (veya kanca çağrısına) nasıl açıklama ekleyebilir veya yazabilirim?