Файл App.js должен выглядеть так
import React, {useContext} from "react";
import {BrowserRouter} from "react-router-dom";
import AppRouter from "./components/AppRouter";
import ROFL from "./components/NavBar";
import {observer} from "mobx-react-lite";
const App = observer(()=>{
return (
);
});
export default App;
Файл AppRouter должен выглядеть так
import React, {useContext, useEffect} from 'react';
import {Routes, Route, Navigate, useLocation} from 'react-router-dom'
import {authRoutes, publicRoutes} from "../routes";
import {FINDJOB_ROUTE} from "../utils/consts";
import {Context} from "../index";
const AppRouter = () => {
const {user} = useContext(Context)
const { pathName } = useLocation();
useEffect(() => {
console.log('Location update')
}, [pathName]);
return (
{user.isAuth && authRoutes.map(({path, Component}) =>
}/>
)},
{publicRoutes.map(({path, Component}) =>
}/>
)}
} />
);
};
export default AppRouter;
В моём случае помогло.(Для тех кто не знает - это код из видео-гайда)