React Router V4 - реквизиты не передаются this.props.children из родительского компонента

Question

React.cloneElement не передает реквизиты дочерним компонентам при использовании response-router v4.Я получаю реквизиты истории и местоположения.Просто не получая никаких действий или реквизитов от mapStateToProps.

работает нормально при использовании response-router v3 ... только когда я обновляю версию, реквизиты не передаются.

class Main extends React.Component{
  render(){
    var clonedElements = React.cloneElement(this.props.children, this.props);
    return(
      <div>
        <h1>
          <Link className='headLine'  to='/'><img src='https://i.imgur.com/DFkO2gb.png'/></Link>
          <p className='disclosure'>....</p>
        </h1>
          {clonedElements}
      </div>
    )
  }
}


const router = (
    <Provider store={store}>
        <Router history={history}>
            <App>
         <Switch>
              <Route exact render={props => <CardsGrid {...props} /> }></Route>
              <Route exact path='/view/:postId' component={Single}></Route>
         </Switch>
            </App>
        </Router>
    </Provider>
) 


function mapStateToProps(state){
    return {
        posts: state.posts,
        comments: state.comments
    }
}

function mapDispatchToProps(dispatch){
    return bindActionCreators(actionCreators, dispatch);
}

const App = withRouter(connect(mapStateToProps, mapDispatchToProps)(Main));

export default App;

Я ожидаю увидеть 2 реквизита, установленные исходным состоянием как реквизиты.Я не вижу ни одного из тех прямо сейчас.