jsxにおけるhover要素の追加

https://material-ui.com/components/click-away-listener/
ここのサンプルをもとに、hover要素を追加します

ClickAway.js

const useStyles = makeStyles(theme => ({
  fake: {
    height: theme.spacing(2),
    margin: theme.spacing(1),
    color: 'red',
    '&:hover': {
        backgroundColor: grey[200],
    }  
  },
}));

'&:hover'{
 //something...
}

として追加すれば問題なく動きました!

スクリーンショット 2019-08-13 19.38.39.png