Use codemod jss-to-styled

components/cgu/index.js

@@ -1,17 +1,22 @@
-import {List, ListItem, ListItemText, Link, makeStyles, Typography, ListItemIcon} from '@material-ui/core'
+import {List, ListItem, ListItemText, Link, Typography, ListItemIcon} from '@material-ui/core'
+import {styled} from '@mui/material/styles'
 import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt'
 
-const useStyles = makeStyles({
-  root: {
+const PREFIX = 'index'
+
+const classes = {
+  root: `${PREFIX}-root`
+}
+
+const Root = styled('div')({
+  [`&.${classes.root}`]: {
     textAlign: 'justify'
   }
 })
 
 export default function Cgu() {
-  const classes = useStyles()
-
   return (
-    <div className={classes.root}>
+    <Root className={classes.root}>
       <Typography gutterBottom variant='h5' component='h2'>
         Définitions
       </Typography>
@@ -436,6 +441,6 @@ export default function Cgu() {
       <Typography gutterBottom variant='caption' >
         Dernières modifications le 15/06/2021
       </Typography>
-    </div>
+    </Root>
   )
 }