Typescript - Lack of index signature in interface ThemeOptions

[benjaminbours]

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

I would like to add additional variables to a theme so I can use them everywhere, like describe here. So i expected Typescript to compile this for exemple:

const themeOptions: ThemeOptions = {
  custom: {
        black: "#000000"
    },
    palette: {
...

Current Behavior

I got this error when Typescript compile:

Object literal may only specify known properties, and 'custom' does not exist in type 'ThemeOptions'.

Your Environment

I can share my tsconfig.json or more if you want but I think just adding

[propName: string]: any;

in the interface ThemeOptions should fix the problem.

Tech	Version
Material-UI	1.4.0
React	16.4.0

[oliviertassinari]

What's wrong with https://material-ui.com/guides/typescript/#customization-of-theme?

[benjaminbours]

There is nothing wrong with it, i'm sorry, I didn't understand very well the Typescript module augmentation. Now I do, thank you and sorry for bothering :)

…

On Wed, 18 Jul 2018 at 18:06, Olivier Tassinari ***@***.***> wrote: What's wrong with https://material-ui.com/guides/typescript/#customization-of-theme? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#12189 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AIZXyf8I21sc91xNa_gDLoKyW3owU3kUks5uH10PgaJpZM4VU2BA> .

[oliviertassinari]

@benjaminbours Awesome. We are always looking forward to improving the TypeScript support.