next-setup.tsx

import { createUseStyles } from 'react-jss';

const useStyles = createUseStyles(() => ({
  middle: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  heading: ({ color, fontSize }) => ({
    extend: 'middle',
    color: color,
    fontSize: fontSize,
    "&:hover":{
      color:"#0c0c0c"
    }
  }),
}));

export default function Home() {
  const classes = useStyles({ color: '#80722A', fontSize: 40 });
  return (
    <div className={classes.heading}>
      Implementing React-JSS on Next.js Projects.
    </div>
  );
}