Почему не работают стили кастомной кнопки MUI?

Question

[luxurypluxury]

Создал кастомные вариант кнопки, предварительно задеклировав её расширив интерфейс

import "@mui/material/Button";

declare module "@mui/material/Button" {
  interface ButtonPropsVariantOverrides {
    iconary: true;
  }
}

MuiButton: {
        variants: [
              {
                props: { variant: 'iconary' },
                style: {
                  width: 32, 
                  height: 32,
                  minWidth: "none",
                  display: 'flex',
                  alignItems: 'center',
                  justifyContent: 'center',
                  borderRadius: '5px'
                }
              },
        ] ,
        styleOverrides: {
          root: {
            textTransform: "none", 
            fontWeight: 400, 
            fontSize: 16,
          },
          contained: { borderRadius: "10px" },
          sizeMedium: { padding: "8px 32px" },
          sizeLarge: { padding: "12px inherit" },
        },
      }

Применение варианта iconary:

<Button
  onClick={() => setIsChangeNameModalOpened(true)}
  variant="iconary"
  sx={{ backgroundColor: "primary.light" }}
>
  <EditOutlined fontSize="small" sx={{ color: "primary.main", width: 16, height: 16 }} />
</Button>;

В итоге все стили с variant['iconary'] не работают, ошибок нет.

Comments

[WbICHA]

А что у тебя варианты в теле настроек кнопки делают? https://mui.com/material-ui/customization/theme-co...

[luxurypluxury]

WbICHA, а разницы нет вроде, они и по документации не работают так