title: How to display a parent container on the main Router
body: <p>I am trying to display a container component and using the older version of react router I have seen people do this:</p>
  
  <pre><code>const AppRouter = () =&gt; (
    &lt;Router component={App}&gt;
      &lt;Route exact path="/" component={Dashboard} /&gt;
    &lt;/Router&gt;
  );
  </code></pre>
  
  <p>Where my App component looks like:</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  
  
  class App extends React.Component {
    render() {
      return (
          &lt;div&gt;
            &lt;p&gt;Hello...&lt;/p&gt;
            {this.props.children}
          &lt;/div&gt;
        );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>My package.json has this currently:</p>
  
  <pre><code>dependencies": {
      "history": "^4.7.2",
      "moment": "^2.20.1",
      "react": "^16.2.0",
      "react-dnd": "^2.5.4",
      "react-dnd-html5-backend": "^2.5.4",
      "react-dom": "^16.2.0",
      "react-redux": "^5.0.6",
      "react-router": "^4.2.0",
      "react-router-dom": "^4.2.2",
      "react-router-redux": "^4.0.8",
      "redux": "^3.7.2",
      "redux-thunk": "^2.2.0"
    },
  </code></pre>
  
  <p>BTW, do I need to import react-router and react-router-dom and react-router-redux when using react-router 4.2?</p>