Use codemod preset-safe

components/sesyon/dekoneksyon.js

@@ -3,8 +3,8 @@ import {styled} from '@mui/material/styles'
 import PropTypes from 'prop-types'
 import Link from 'next/link'
 import {signOut} from 'next-auth/client'
-import {Tooltip, Fab, Zoom} from '@material-ui/core'
-import ExitToAppIcon from '@material-ui/icons/ExitToApp'
+import {Tooltip, Fab, Zoom} from '@mui/material'
+import ExitToAppIcon from '@mui/icons-material/ExitToApp'
 
 import Alet from '../alet'
 

components/sesyon/koneksyon.js

@@ -15,9 +15,9 @@ import {
   LinearProgress,
   Snackbar,
   Typography
-} from '@material-ui/core'
-import {Visibility, VisibilityOff} from '@material-ui/icons'
-import MuiAlert from '@material-ui/lab/Alert'
+} from '@mui/material'
+import {Visibility, VisibilityOff} from '@mui/icons-material'
+import MuiAlert from '@mui/material/Alert'
 import {Google} from '@icons-pack/react-simple-icons'
 
 import {validateEmail} from '../../lib/utils/emails'
@@ -141,6 +141,7 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
             <InputAdornment position='end'>
               <IconButton
                 aria-label='password visibility'
+                size='large'
                 onClick={handleClickShowPassword}
                 onMouseDown={handleMouseDownPassword}
               >

components/sesyon/login-provider.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import Link from 'next/link'
 import {signIn} from 'next-auth/client'
-import {Button} from '@material-ui/core'
+import {Button} from '@mui/material'
 
 export default function LoginProvider({id, title, icon, callbackUrl}) {
   const hanleClick = event => {