ทรัพย์สิน"ยังไม่มีอยู่บนประเภท'ค่า'เมื่อใช้ 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 ส่วนประกอบ,ฉันเริ่มต่อไปนี้เกิดข้อผิดพลาดจาก ts eslint:

ทรัพย์สิน'ราก'ยังไม่มีอยู่บนประเภท'ข้อความ'.ts(2339)

เหมือนกันไปสำหรับอีกคนใช้ของการเรียนการสอนกล่องโต้ตอบเพียงการเปลี่ยนชื่อของทรัพย์สิน..

ยังไงฉัน annotate หรือพิมพ์ที่ makestyles ฟังก์ชัน(หรือตะขอหนะแต่เรียก)จะแก้ไขเรื่องนี้เกิดข้อผิดพลาด?