Use codemod preset-safe

components/teks/teks-drawer.js

@@ -18,16 +18,16 @@ import {
   Snackbar,
   Tooltip,
   Zoom
-} from '@material-ui/core'
+} from '@mui/material'
 
-import KeyboardBackspaceIcon from '@material-ui/icons/KeyboardBackspace'
-import ExplicitIcon from '@material-ui/icons/Explicit'
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace'
+import ExplicitIcon from '@mui/icons-material/Explicit'
 
-import MenuIcon from '@material-ui/icons/Menu'
+import MenuIcon from '@mui/icons-material/Menu'
 
-import {useTheme, styled} from '@material-ui/core/styles'
+import {useTheme, styled} from '@mui/material/styles'
 
-import MuiAlert from '@material-ui/lab/Alert'
+import MuiAlert from '@mui/material/Alert'
 import {formatJsonString} from '../../lib/utils/format'
 
 import VweKomante from '../komante/vwe-komante'
@@ -253,6 +253,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
             aria-label='open drawer'
             edge='start'
             className={classes.menuButton}
+            size='large'
             onClick={handleDrawerToggle}
           >
             <MenuIcon />
@@ -300,7 +301,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
             <DrawerBar meteEsMobilOuve={meteEsMobilOuve} teks={teks} anTeks={anTeks} />
           </Drawer>
         </Hidden>
-        <Hidden xsDown implementation='css'>
+        <Hidden smDown implementation='css'>
           <Drawer
             open
             classes={{
@@ -357,7 +358,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
             {anTeks.okiMizikID && (
               <OkiMizik id={anTeks.okiMizikID} />
             )}
-            <Grid container justify='center' spacing={1}>
+            <Grid container justifyContent='center' spacing={1}>
               <Grid item xs={12} md={langArray.length > 0 ? 6 : null}>
                 <div className={classes.gridText}>
                   <Typography align='center' className={classes.text} variant='h4'>