为什么我得到“未定义有效负载的操作导航未由任何导航器处理”？

npm install react-router-dom
# 或者
yarn add react-router-dom

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import About from './About';

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </Switch>
    </Router>
  );
}

export default App;

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  function handleClick() {
    history.push('/some-path');
  }

  return (
    <button onClick={handleClick}>Go to Some Path</button>
  );
}

// 错误的导入方式
import { useHistory } from 'react-router'; // 应该是 react-router-dom

// 正确的导入方式
import { useHistory } from 'react-router-dom';