Use codemod preset-safe

components/navigasyon.js

@@ -2,16 +2,16 @@ import {useState} from 'react'
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/router'
 
-import {styled} from '@material-ui/core/styles'
-import AppBar from '@material-ui/core/AppBar'
-import Tabs from '@material-ui/core/Tabs'
-import Tab from '@material-ui/core/Tab'
-import HomeIcon from '@material-ui/icons/Home'
-import MenuBookIcon from '@material-ui/icons/MenuBook'
-import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver'
-import PlaylistAddIcon from '@material-ui/icons/PlaylistAdd'
-import Typography from '@material-ui/core/Typography'
-import Box from '@material-ui/core/Box'
+import {styled} from '@mui/material/styles'
+import AppBar from '@mui/material/AppBar'
+import Tabs from '@mui/material/Tabs'
+import Tab from '@mui/material/Tab'
+import HomeIcon from '@mui/icons-material/Home'
+import MenuBookIcon from '@mui/icons-material/MenuBook'
+import RecordVoiceOverIcon from '@mui/icons-material/RecordVoiceOver'
+import PlaylistAddIcon from '@mui/icons-material/PlaylistAdd'
+import Typography from '@mui/material/Typography'
+import Box from '@mui/material/Box'
 
 const PREFIX = 'navigasyon'
 
@@ -98,12 +98,12 @@ export default function Navigasyon({selectedTab}) {
         <Tabs
           value={selectedTab}
           variant='fullWidth'
-          scrollButtons='on'
+          scrollButtons
           indicatorColor='primary'
           textColor='primary'
           aria-label='scrollable force tabs example'
           onChange={handleChange}
-        >
+          allowScrollButtonsMobile>
           <Tab label='Kay-la' icon={<HomeIcon style={{fontSize: 30}} />} {...a11yProps(0)} />
           <Tab label='Tèks' icon={<MenuBookIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
           <Tab label='Awtis' icon={<RecordVoiceOverIcon style={{fontSize: 30}} />} {...a11yProps(2)} />
@@ -115,7 +115,7 @@ export default function Navigasyon({selectedTab}) {
       <TabPanel value={value} index={2} />
       <TabPanel value={value} index={3} />
     </div>
-  )
+  );
 }
 
 Navigasyon.propTypes = {