javascript - Ext-react 破坏了 React Router和成分

Question

我在 React 中使用 ExtJS，我正在使用 Ext-React 包 (@sencha/ext-react)，当它与 React Router 嵌套路由和 < Link > 一起使用时会导致很多问题

我在 index.js 中有这个：

<ExtReact>
  <Container fullscreen>
    <div>
      <Provider store = {configureStore()}>
        <BrowserRouter>
          <Switch>
            <Route path = "/" component = {DashboardComponent} />
          </Switch>
        </BrowserRouter>
      </Provider>
    </div>
  </Container>
</ExtReact>

在 DashboardComponent 内部，我有这个：

<div>
  <ExtReact>
    <TitleBar title="test" docked="top"></TitleBar>
    <BrowserRouter>
      <div>
        <Link to = "/users/list">user's list</Link>
        <Switch>
          <Route path = "/users" component = {UsersManagementRoutes} />
        </Switch>
      </div>
    </BrowserRouter>
  </ExtReact>
</div>

运行它总是会产生：

未捕获的错误：您不应该在 <Router> 之外使用

如果删除链接组件，同样的问题，同样的问题，但显示 <Switch> 而不是 <Router>，如果删除 switch 组件并留下 <Route>，同样的问题。

我错过了什么？