CreateCSSProperties is not assignable to CSSProperties after upgrading to 4.0.2

[zhaoyi0113]

I found CreateCSSProperties is not assignable to CSSProperties after upgrading to 4.0.2.
Below is my code:

import { withStyles, createStyles } from '@material-ui/core/styles';
const styles = createStyles({
  logo: {
    position: 'fixed',
    top: 0,
    height: '4rem',
    backgroundColor: '#28064A',
    width: '100%',
    alignItems: 'center',
    paddingLeft: '0.5rem',
    zIndex: 1
  }
}

...
   <MenuIcon styles={styles.logo} />
...

The styles of MenuIcon is type of styles?: React.CSSProperties;. I get this error:

TS2322: Type 'CreateCSSProperties<{}> | ((props: {}) => CreateCSSProperties<{}>)' is not assignable to type 'CSSProperties | undefined'.
  Type 'CreateCSSProperties<{}>' is not assignable to type 'CSSProperties'

It seems that after 4.0.2 createStyles returns a type which is not compatible with React.CSSProperties. Is there a quick way to fix it?

[merceyz]

Working on a fix.

Is there a quick way to fix it?

Cast the result from createStyles would be the easiest

[zhaoyi0113]

so you mean using as any?

[merceyz]

I was thinking more of styles.logo as CSSProperties but yeah, you can do that as well