Почему в моих «подключенных» компонентах нет истории

Question

Я только что мигрировал на реагирующий маршрутизатор, реагирующий маршрутизатор dom v4.3.1, установленную историю v4.9.Ранее все мои компоненты, которые были подключены к магазину, получили реквизиты маршрутизатора.Теперь они говорят, что должна быть опора истории.Однако я нигде не получаю его, особенно в компоненте приложения.

Root:

import React, { Component } from "react";
import { Provider } from "react-redux";
// import { BrowserRouter, Route, browserHistory, Switch } from "react-router";
import { BrowserRouter as Router, Route, Switch} from "react-router-dom";
import { hot } from 'react-hot-loader'
import { ConnectedRouter } from 'connected-react-router'
import configureStore, {history} from '../store/configureStore'
import App from "./App";
import Startpage from "./startpage";
import PatientSearch from "./routes/patient/patientSearch";
import Technician from "./routes/technician/technician";
import Notes from "./routes/notes/notes";
import DeliveryReports from './routes/admin/deliveryReports/reports'

const store = configureStore(/* provide initial state if any */)
class Root extends Component {

  render() {
    console.log('propsroot', this.props)
    return (
      <Provider store={store}>
        <ConnectedRouter history={history}>
          {/*<Router onUpdate={() => window.scrollTo(0, 0)}>*/}
            <App>
              <Switch>
                <Route exact path="/" component={Startpage} />
                <Route
                    component={PatientSearch}
                    path="/patient/search"
                />

                <Route
                    component={Technician}
                    path="/technician"
                />

                <Route
                    component={Notes}
                    path="/notes"
                />

                <Route
                    component={DeliveryReports}
                    path="/delivery_reports"
                />

              </Switch>
            </App>


          {/*</Router>*/}
        </ConnectedRouter>
       </Provider>
    );
  }
}
export default hot(module)(Root)

ConfigureStore:

import { createStore, applyMiddleware, combineReducers, compose } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { connectRouter } from 'connected-react-router'

import promiseMiddleware from '../middleware/promiseMiddleware';
import loggerMiddleware from 'redux-logger';
import * as reducers from '../reducers/';
import { reducer as formReducer } from 'redux-form'
import app from '../reducers/app'
import {createBrowserHistory} from "history";

export const history = createBrowserHistory()
const reducer = combineReducers({...reducers.default, router:connectRouter(history), form:formReducer });
const createStoreWithMiddleware = applyMiddleware(
    thunkMiddleware,
    promiseMiddleware
)(createStore);

export default function configureStore(initialState) {
    const store =  createStoreWithMiddleware(
        reducer,
        initialState,
        window.devToolsExtension && window.devToolsExtension()
    );
    if (module.hot) {
        module.hot.accept('../reducers', () => {
            const nextRootReducer = require('../reducers/index');
            store.replaceReducer(nextRootReducer);
        });
    }
    return store;
}

В компоненте приложения я отображаю маршруты с {children} реквизит

Answer 1

Опора history предоставляется вашим провайдером.Для сериализации в реквизитах вашего компонента используйте withRoute HOC