Я создал отдельный файл для classes
prop, например, MuiAlert
Как сообщить makeStyles
, что вам разрешено использовать только классы предупреждений?
Следующее работает, но я уверен, что должен быть лучший способ. Так, например, если я переименую root
в roott
, я получу ошибку, что 'roott' does not exist in type 'Partial<Record<AlertClassKey, any>>'
Пример игровой площадки: https://codesandbox.io/s/typescript-react-material-ui-3t7ln?file= / src / index.ts
import { Theme, makeStyles } from "@material-ui/core";
import { AlertClassKey } from "@material-ui/lab/Alert";
export const useAlertClasses = makeStyles<Theme>(
(): Partial<Record<AlertClassKey, any>> => ({
root: {
borderRadius: 3,
}
}));