Блог

Я хотел бы переопределить значки MuiCheckbox, например, icon amp; indeterminateIcon props с пользовательскими значками SVG по всему проекту.

Я использую пользовательскую тему:

 import { CustomBlankIcon, CustomIndeterminateIcon } from "./Icons";

const theme = responsiveFontSizes(
  createMuiTheme({
    props: {
      MuiCheckbox: {
          icon: CustomBlankIcon,
          indeterminateIcon: CustomIndeterminateIcon
      }
    },
  })
);
  

Однако это не работает, это выдает ошибку:

 Cannot read property 'fontSize' of undefined
  

Есть идеи о том, как переопределить реквизит значков по умолчанию в этом файле конфигурации темы?

Вы должны передать node вместо имени функции / компонента, попробуйте

 import { CustomBlankIcon, CustomIndeterminateIcon } from "./Icons";

const theme = responsiveFontSizes(
  createMuiTheme({
    props: {
      MuiCheckbox: {
          icon: <CustomBlankIcon />,
          indeterminateIcon: <CustomIndeterminateIcon />
      }
    },
  })
);