Reputation: 5466

'classes' is missing in props validation - Linting

I am experiencing some issue with the linting. It has always worked but today is complaining about the props "classes". I am using React Hooks.

My components have this structure

import { withStyles, WithStyles } from '@material-ui/core/styles'

interface Props extends WithStyles<typeof styles> {
  firstProps: string
  secondProps: number
  thirdProps: Function
}

const MyComponent = ({
  classes,
  firstProps,
  secondProps
  thirdProps
}: Props) => {
  ...my code...
}

export default withStyles(styles)(MyComponent)

I understand that I should pass the classes in the interface such as:

interface Props extends WithStyles<typeof styles> {
  firstProps: string
  secondProps: number
  thirdProps: Function
  classes: {
  ... all my classes ..
  }
}

BUT this is something that I want to avoid because is crumbersome AND because I think export default withStyles(styles)(MyComponent) should be enough (as it were before today).

With the current code, I am getting a lot of lint errors such as:

'classes' is missing in props validation
'classes.img' is missing in props validation
'classes.currentSelect' is missing in props validation
'classes.todayDate' is missing in props validation

Upvotes: 2