0

Возникла ошибка при сборки проекта c unstable_HistoryRouter, хотя сам проект который находится у меня рабочий и запускается нормально. Из за чего это может быть вообще не понимаю. Буду премного благодарен если вы поможете мне разобраться.

Код из моего App - компонента:

import { unstable_HistoryRouter as HistoryRouter, Routes, Route,} from 'react-router-dom';
import { AppRoutes } from '../../utils/consts';
import { Header } from '../Header';
import { Main } from '../../pages/Main';
import { Login } from '../../pages/Login';
import { Contacts } from '../../pages/Contacts';
import { Quest } from '../../pages/Quest';
import { MyBookings } from '../../pages/MyBookings';
import { Booking } from '../../pages/Booking';
import history from '../../history';
import NotFound from '../Not-found';
import PrivateRoute from '../Private-route';
import Error from '../Error';
import CancelQuest from '../CancelQuest';


function App(): JSX.Element {
  return (
    <HistoryRouter history={history}>
      <Routes>
        <Route path={AppRoutes.Main} element={<Header />}>
          <Route index element={<Main />}/>
          <Route path={AppRoutes.Login} element={<Login />}/>
          <Route path={`${AppRoutes.Contacts}`} element={<Contacts />}/>
          <Route path={'/*'} element={<NotFound/>}/>
          <Route path={`${AppRoutes.Quest}/:id`} element={<Quest />}/>
          <Route path={AppRoutes.Error} element={<Error />}/>
          <Route path={AppRoutes.CancelQuest} element={<CancelQuest />}/>
          <Route path={`${AppRoutes.Quest}/:id${AppRoutes.Booking}`}
            element={
              <PrivateRoute >
                <Booking />
              </PrivateRoute>
            }
          />
          <Route path={AppRoutes.MyQusets} element={
            <PrivateRoute>
              <MyBookings />
            </PrivateRoute>
          }
          />
        </Route>
      </Routes>
    </HistoryRouter>


  );
}

export default App;

Ниже скрин с ошибкой

введите сюда описание изображения

А это код того самого BrowserHistory который я закидываю в пропс history

import {createBrowserHistory} from 'history';

const history = createBrowserHistory();

export default history;

1 ответ 1

0

При вводе npm i устанавливалась более новая версия react-router-dom. Я установил ту которая изначально была в проекте и все заработало.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.