Migrate withStyles(HOC) to StylesHook without component-based classes

[treetips]

material-ui v4 support StylesHook without withStyles(HOC).

This repository migrate withStyles to StylesHook(makeStyles).

Wrap makeStyles

const styles = (theme: Theme) => createStyles({
    root: {},
  })
↓
const useStyles = makeStyles((theme: Theme) => createStyles({
    root: {},
  }))

Remove extends

interface IProps extends WithStyles<typeof styles> {
  children: React.ReactNode
}
↓
interface IProps {
  children: React.ReactNode
}

Add useStyles

const { classes, children } = props
↓
const { children } = props
const classes = useStyles(props)

Remove HOC based withStyles

const XxxContainerComponent = (props: IProps) => {
  // snip
}
export const XxxContainer = withStyles(styles)(
  XxxContainerComponent
)
↓
export const XxxContainer = function(props: IProps) {
  // snip
}