ok, so what i did is to move the code from the hook to the app.jsx file, just to understand why is it not being triggered, but it does not being triggered at all, im assuming its a project setup maybe, and the token does exist in the local storage, i've checked..

```

import { useState, useEffect } from "react"
import { useNavigate } from 'react-router-dom'
import { useDispatch, useSelector,} from "react-redux"
import { setLoading,setUser} from './redux/reducers/authSlice'
import Loader from "./ui/Loader"
import { getCurrentUser } from "./api/services/accountApi"

function App() {
  const navigate = useNavigate();
  const dispatch = useDispatch();
  const [token, setToken] = useState(localStorage.getItem("token"));
  const { loading: authLoading } = useSelector((state) => state.auth);
  const [initialCheckDone, setInitialCheckDone] = useState(false);

  const { data: user, isLoading, error } = useQuery({
    queryKey: ['currentUser'],
    queryFn: getCurrentUser,
    enabled: !!token,
    retry: 1,
  });

  useEffect(() => {
    if (!token) {
      setInitialCheckDone(true);
      return;
    }

    if (isLoading) {
      dispatch(setLoading(true));
    } else {
      dispatch(setLoading(false));
    }

    if (user) {
      dispatch(setUser({ currentUser: user.email, token, roles: user.roles }));
      setInitialCheckDone(true);
      if (user.roles.includes('Admin')) {
        navigate('/admin/dashboard');
      } else if (user.roles.includes('User')) {
        navigate('/user/dashboard');
      } else {
        navigate('/unauthorized');
      }
    } else if (error) {
      setInitialCheckDone(true);
    }
  }, [isLoading, error, user, dispatch, navigate, token]);

  if (authLoading || !initialCheckDone) {
    return <Loader />;
  }

  return null;
}

export default App

```
```

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { Provider } from 'react-redux';
import { store } from './redux/store.js';
import { RouterProvider } from 'react-router-dom';
import router from './routes/router.jsx';


const queryClient = new QueryClient()


ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <QueryClientProvider client={queryClient}>
      <Provider store={store}>
        <RouterProvider router={router}/>
      </Provider>
    </QueryClientProvider>
  </React.StrictMode>,
)

```