Ext-реагирует на разрывы компонентов React Router <Link> и <Route>
Я использую ExtJS внутри React, я использую пакет Ext-React (@sencha/ext-реагировать), и он вызывает много проблем при использовании его с вложенными маршрутами React Router и
У меня есть это в 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>
Запуск этого всегда производит:
Uncaught Error: Вы не должны использовать вне
И та же проблема, если удалить компонент связи, та же проблема, но с отображением
Что мне не хватает?