React-JSS HOC

WithStyles.ts

import { createUseStyles, useTheme } from "react-jss";
import { WithStyles as WithStylesI, Theme } from "../../types";

export const WithStyles = ({ children, styles }: WithStylesI) => {
  const useStyles = createUseStyles((theme: Theme) => styles(theme));
  const theme = useTheme();
  const classes = useStyles({ theme });

  return children(classes);
};

// USAGE:
// <WithStyles styles={styles}>
//    ....
// </WithStyles>

Usecase:

When needing to access styles via hooks inside a traditional react component.