Почему не может найти syncHistoryWithStore из пакета react-router-redux?

Question

[Username]

Добрый день!

Беру пример из офф документации и в итоге сервер выплёвывает вот такую ошибку.
'react-router-redux' does not contain an export named 'syncHistoryWithStore'.

Делал по этому примеру https://github.com/monsterlessons/09-react-router-...
Но почему то транслятор не находит этого метода, решил сам снавигироваться в библиотеку, тоже не нашёл.
В чём может быть проблема?

Answer 1

[Антон Спирин]

Беру пример из офф документации...
Делал по этому примеру...

Это не официальная документация, а версии всех библиотек там устаревшие.

Вас вообще не смущает, что пакет react-router-redux deprecated и больше не поддерживается?
Альтернативное решение connected-react-router

Comments

[Username]

офф пример https://www.npmjs.com/package/react-router-redux

[Антон Спирин]

Username, а теперь откройте свой файл package.json и посмотрите какая у вас стоит версия. Все эти циферки которые там написаны, они не просто так.

Повторюсь, проект deprecated. Использовать его даже для обучения - пустая трата времени.

[Username]

Антон Спирин, На втором шаге библиотеке, которую вы посоветовали в ConnectedRouter необходимо передать history в качестве props.
В примере не указано откуда они его взяли. Ещё раз инициализировали const history = createBrowserHistory()?

[Антон Спирин]

Username, в репозитории есть директория с развернутыми примерами Посмотрите этот.
Понятное дело, что пакет history надо предварительно установить.

[Username]

Антон Спирин, у них в примере вся инициализация происходит в одном файле, поэтому уместно инициализировать один раз const history = createBrowserHistory() и использовать его.
В моём же случае всё разбито на файлы, в папке store лежит инициализация стора, в папке reducers лежат редьюсеры связанные через combineReducers
Как в таком случае быть?

[Антон Спирин]

Username, ваша функция configureStore должна принимать аргумент history:

const history = createBrowserHistory();
const store = configureStore(history);

const render = () => {
  ReactDOM.render(
    <AppContainer>
      <Provider store={store}>
        <App history={history} />
      </Provider>
    </AppContainer>,
    document.getElementById('react-root'),
  )
};

render();

Answer 2

[davidnum95]

Вы дату урока видели? Почти полтора года прошло. За это время очень многое поменялось как в react-router-redux, так и в самом react-router.

Comments

[Username]

офф пример https://www.npmjs.com/package/react-router-redux