createMuiTheme getting "Object literal may only specify known properties"

Providing custom variables to createMuiTheme gives the error “Object literal may only specify known properties”.

"@material-ui/core": "^4.9.9",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.48",
"@material-ui/pickers": "^3.2.10",
"@material-ui/styles": "^4.9.6",

[WillSquire]

@eps1lon Thanks for reopening.

@oliviertassinari For this particular case or in general? For this case I’d probably add something like this with a link to customization-of-theme to find out more:

import { createMuiTheme } from '@material-ui/core/styles';
import { Theme } from '@material-ui/core/styles/createMuiTheme';
import purple from '@material-ui/core/colors/purple';
import green from '@material-ui/core/colors/green';

// Override Mui's theme typings to include the new theme property
declare module '@material-ui/core/styles/createMuiTheme' {
  interface Theme {
    status: {
      danger: React.CSSProperties['color'],
    }
  }
  interface ThemeOptions {
    status?: {
      danger?: React.CSSProperties['color']
    }
  }
}

const theme = createMuiTheme({
  palette: {
    primary: purple,
    secondary: green,
  },
  status: {
    danger: 'orange',
  },
})

If that helps?

[eps1lon]

Your issue has been closed because it does not conform to our issue requirements.

For how-to questions and other non-issues, please use Spectrum.chat or StackOverflow instead of Github issues. There is a StackOverflow tag called “material-ui” that you can use to tag your questions.