[DialogTitle]Any way to change the DialogTitle (h2) style?

When applying style to the classes attribute using the root key, it can’t work since the component create an h2 tag internaly with a black color (the color injected thought the root key is applied to its parent).

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When injecting a color to the DialogTitle component (though the classes.root property or a JSS className), i need it to not be overrided.

Current Behavior

When injecting a color to the DialogTitle component (though the classes.root property or a JSS className), it is applied to the parent but an h2 tag with a black color overrides it.

Your Environment

Tech	Version
Material-UI	v1.0.0

[mbrookes]

You can use the disableTypography property and provide your own.

[lkritikos]

I’ve also run into this issue, since I would like to be able to use component='h1' without running into linting issues (invalid prop type). component='h1' works, since it’s indirectly supported in the code (via ...other), but it’s kind of a hacky way of going about this and, in my case, requires a ts-ignore.

Since DialogTitle is a styled Typography component, why do we currently limit the Typography props that can be changed on it? Just curious about the design decision here. Thanks!