KnowledgeBase_frontend/src/App.jsx

import { useDispatch, useSelector } from 'react-redux';
import AppRouter from './router/router';
import { checkAuthThunk } from './store/auth/auth.thunk';
import { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import { login } from './store/auth/auth.slice';

function App() {
    const navigate = useNavigate();
    const dispatch = useDispatch();

    const { user } = useSelector((state) => state.auth);

    useEffect(() => {
        dispatch(login({id:111, username: 'test'}))
        // handleCheckAuth();
    }, [dispatch]);

    const handleCheckAuth = async () => {
        console.log('app handleCheckAuth');
        await dispatch(checkAuthThunk()).unwrap();
        if (user) navigate('/');
    };

    return <AppRouter></AppRouter>;
}

export default App;