title: Why is match missing from props?
body: <p>I'm writing my first react application and I wanna use a Switch to show the component corresponding to the route. One of the routes uses a param. The problem is that the match attribute is missing from props so route matching doesn't seem to work (No component is inserted).</p>
  
  <p>When I try to console.log this.props.match it returns undefined.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Switch, Route } from 'react-router-dom';
  import React, { Component } from 'react';
  import Index from './Index';
  import Debate from './Debate';
  
  class App extends Component {
      
      componentDidMount() {
          console.log(this.props.match); // I get undefined
      }
  
      render() {
          return (
              &lt;div className="App"&gt;
                  &lt;Switch&gt;
                      &lt;Route path="/debats" component={Index} /&gt;
                      &lt;Route path="/debat/:debateSlug" component={Debate} /&gt;
                  &lt;/Switch&gt;
              &lt;/div&gt;
          );
      }
  }
  export default withConfig(App);</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to be able to access the match attribute so that the correct component is displayed.</p>