logout

src/components/SideBar/SideBar.tsx

 import { Button } from '@mui/material'
 import React from 'react'
-import { useMutation, useQueryClient } from 'react-query'
-import { NavLink, useNavigate } from 'react-router-dom'
+import { useMutation } from 'react-query'
+import { NavLink } from 'react-router-dom'
 import { fetchLogout, useWhoAmI } from '../../API'
 import logo from '../../assets/icons/ecolyo-logo.svg'
 import { routes } from '../Routes/Router'
 import './sidebar.scss'
 
 const SideBar: React.FC = () => {
-  const queryClient = useQueryClient()
-  const navigate = useNavigate()
   const { data: user } = useWhoAmI()
 
   const { mutate: logout } = useMutation({
     mutationFn: fetchLogout,
-    onSuccess: () => {
-      queryClient.clear()
-      navigate('/login')
+    onMutate: () => {
+      location.reload()
     },
   })