Fix logout error

components/sesyon/dekoneksyon.js

@@ -1,7 +1,6 @@
 import {useState} from 'react'
 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 '@mui/material'
 import ExitToAppIcon from '@mui/icons-material/ExitToApp'
@@ -23,22 +22,14 @@ const Root = styled('div')(() => ({
   }
 }))
 
-const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'
-
 const DekoneksonTooltip = Tooltip
 
-function Dekoneksyon({chimen, tooltipPlacement}) {
+function Dekoneksyon({tooltipPlacement}) {
   const [esOuve, meteEsOuve] = useState(false)
 
-  const handleDekonekte = event => {
-    event.preventDefault()
-    signOut({callbackUrl: `${siteUrl}${chimen}`})
-  }
-
   return (
     (
       <Root>
-        <Link passHref href='/api/auth/signout'>
         <DekoneksonTooltip
           title='Dékoneksyon'
           placement={tooltipPlacement}
@@ -49,7 +40,6 @@ function Dekoneksyon({chimen, tooltipPlacement}) {
         >
           <Fab
             className={classes.dekoneksyon}
-              sx={{position: 'absolute', marginTop: 6}}
             color='secondary'
             aria-label='logout'
             size='small'
@@ -58,8 +48,7 @@ function Dekoneksyon({chimen, tooltipPlacement}) {
             <ExitToAppIcon />
           </Fab>
         </DekoneksonTooltip>
-        </Link>
-        <Alet esOuve={esOuve} meteEsOuve={meteEsOuve} handleKonfime={handleDekonekte} />
+        <Alet esOuve={esOuve} meteEsOuve={meteEsOuve} handleKonfime={() => signOut()} />
       </Root>
     )
   )
@@ -70,7 +59,6 @@ Dekoneksyon.defaultProps = {
 }
 
 Dekoneksyon.propTypes = {
-  chimen: PropTypes.string.isRequired,
   tooltipPlacement: PropTypes.string
 }