У меня есть следующий код:
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:
Свойство "root" не существует для типа "строка". ts(2339)
То же самое относится и к другим видам использования classes.dialog, только изменяя имя свойства...
Как я могу прокомментировать или ввести функцию makestyles (или вызов крючка), чтобы исправить эту ошибку?