createBrowserHistory не определен в импорте истории для React Router DOM

Question

В настоящее время я использую v5 React Router DOM. Моя цель состоит в том, чтобы создать объект истории, чтобы я мог манипулировать местоположением своих страниц в своих действиях с избыточностью. В прошлых проектах я импортировал функцию createBrowserHistory следующим образом:

import createBrowserHistory from 'history/createBrowserHistory'

export default createBrowserHistory();

С этой настройкой я получаю предупреждение об устаревании:

Warning: Please use `require("history").createBrowserHistory` instead of `require("history/createBrowserHistory")`. Support for the latter will be removed in the next major release.

Я изменил свой импорт на:

import createBrowserHistory from 'history';

Но на этом этапе createBrowserHistory выглядит как undefined. Я в растерянности на данный момент. Любая помощь будет принята с благодарностью. Вот как выглядит мой yarn.lock файл:

react-router-dom@^5.1.2:
  version "5.1.2"
  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.1.2.tgz#06701b834352f44d37fbb6311f870f84c76b9c18"
  integrity sha512-7BPHAaIwWpZS074UKaw1FjVdZBSVWEk8IuDXdB+OkLb8vd/WRQIpA4ag9WQk61aEfQs47wHyjWUoUGGZxpQXew==
  dependencies:
    "@babel/runtime" "^7.1.2"
    history "^4.9.0"
    loose-envify "^1.3.1"
    prop-types "^15.6.2"
    react-router "5.1.2"
    tiny-invariant "^1.0.2"
    tiny-warning "^1.0.0"

Answer 1

попробуй

import history from 'history';
var createBrowserHistory = history.createBrowserHistory 

или

import { createBrowserHistory } from 'history';