[bug?] withStyles not working as a regular function in TypeScript.

EDIT: I was trying to use it as a decorator, which the docs say isn’t supported, but even as a function I get the same error (below)

Seems like this was supposed to be fixed back in https://github.com/mui-org/material-ui/pull/8178, but I’m on @material-ui/core 3.9.0 and typescript 3.1.6 and it isn’t working.

F.e.

@withStyles(baseStyles)
export default class LayerManager extends React.Component<{...}, {...}> {

gives the error

error TS2345: Argument of type 'typeof LayerManager' is not assignable to parameter of type 'ComponentType<never>'.
[1]   Type 'typeof LayerManager' is not assignable to type 'ComponentClass<never, any>'.
[1]     Type 'LayerManager' is not assignable to type 'Component<never, any, any>'.
[1]       Types of property 'props' are incompatible.
[1]         Type 'Readonly<{ children?: ReactNode; }> & Readonly<ILayerManagerProperties>' is not assignable to type 'never'.

[trusktr]

I found another way to fix it. I can also replace

  constructor(props, context) {
    super(props, context)
    this.state = {}
  }

with

  constructor(props, context?) {
    super(props, context)
    this.state = {}
  }

Notice the only difference is the question mark ?.

The error that we’re getting leaves us with no clue as to what’s happening. Is there some way to make the error more helpful, so that it may tell us that we’ve extended the constructor improperly?

[eps1lon]

@trusktr context needs to be optional in the constructor. This is implied in the react typings. not assignable to never usually indicates that you passed the wrong type.