संपत्ति " पर मौजूद नहीं है टाइप 'स्ट्रिंग' का उपयोग करते समय makestyles @mui

मैं निम्नलिखित कोड है:

    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 घटक, मैं निम्नलिखित त्रुटि हो रही हूँ से टीएस eslint:

संपत्ति 'जड़' पर मौजूद नहीं है टाइप 'स्ट्रिंग'.टीएस(2339)

एक ही चला जाता है के लिए अन्य का उपयोग करता है वर्ग.संवाद, केवल नाम बदलने की संपत्ति...

कैसे कर सकते हैं मैं व्याख्या या प्रकार के makestyles समारोह (या हुक कॉल) के लिए इस त्रुटि को ठीक?