如何useHistory()正确使用？我无法从一个react组件过渡到另一个。根据 React 文档和 Stack Overflow 上的说明，我无法从 App.js 过渡到 MyComponent.js。

例如 - 我正在尝试

/* **App.js ** */
/* Import modules */
import React from 'react';
import { useHistory } from 'react-router-dom'; // version 5.2.0

function App()
{
    let history = useHistory ();
    const handleClick = () => {
       history.push ('./pages/MyComponent');
    }    

    return (
       <div className="App">
          <button onClick={handleClick}>Next page ==></button>
       </div>
    );
}

我也测试了这个例子，但是当按下按钮时输出会抛出以下错误：

类型错误：无法读取未定义的属性“推送”

是不是有什么东西泄露给我了，还是 Babel 这边有错误？

项目react结构：

+ Root/
    + src/
        - App.js
        - index.js
        + pages/
            - MyComponent.js