Generic type arguments in JSX elements with withStyles

Question

In React with material-ui I am trying to create a JSX component that accepts generic parameters and also uses the withStyles HOC to inject my styles.

Th

Answer 1

This works enough for me using Visual Studio:

import React from "react";
import { withStyles, WithStyles } from "@material-ui/styles";

const styles = {
  root: { ... },
};

export interface Props { ... }
export interface State { ... }

export class TableComponent extends React.PureComponent & WithStyles, State> {
  render () {
    return 
;
  }
}

export const Table = (withStyles(styles)(TableComponent) as any) as new () => TableComponent;

export default Table;