title: React component this.props is always empty
body: <p>I've followed a <a href="http://rackt.github.io/react-router/#Router%20Overview" rel="nofollow">couple</a> of <a href="https://github.com/rackt/react-router/blob/master/examples/query-params/app.js" rel="nofollow">examples</a> in an attempt to get access to a parameter from a Route in the React component that handles it. However the result of <code>console.log</code> on <code>this.props</code> from inside the <code>render</code> or <code>componentDidMount</code> is always <code>{}</code> when I'd expect it to contain the <code>gameId</code> from the <code>gamesView</code> route.</p>
  
  <p><code>client.js</code> which starts the Router:</p>
  
  <pre><code>// HTML5 History API fix for local 
  if (config.environment === 'dev') {
      var router = Router.create({ routes: routes });
  } else {
      var router = Router.create({ routes: routes, location: Router.HistoryLocation });
  }
  
  router.run(function(Handler) {
      React.render(
          &lt;Handler /&gt;,
          document.getElementById('app')
      );
  });
  </code></pre>
  
  <p><code>routes.js</code> with some routes removed for simplicity:</p>
  
  <pre><code>var routes = (
      &lt;Route name='home' path='/' handler={app}&gt;
          &lt;DefaultRoute handler={home} location="/" /&gt;
          &lt;Route name='gamesView' path='/games/:gameId' handler={gamesView} /&gt;
      &lt;/Route&gt;
  );
  
  module.exports = routes;
  </code></pre>
  
  <p>...and <code>app.js</code> which wraps the other routes, I've tried it both with and without <code>{...this.props}</code> in the <code>RouteHandler</code>. If I <code>console.log(this.props)</code> from inside the <code>render</code> function here is also returns <code>{}</code>:</p>
  
  <pre><code>var App = React.createClass({
      render: function() {
          return (
              &lt;div className='container'&gt;
                  &lt;div className='row'&gt;
                      &lt;RouteHandler {...this.props} /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  });
  
  module.exports = App;
  </code></pre>
  
  <p>Finally the <code>gamesView</code> React component that I expect to see the props object. Here <code>this.props</code> is also <code>{}</code> and the following results in the error <code>TypeError: $__0 is undefined     var $__0=    this.props.params,gameId=$__0.gameId;</code>:</p>
  
  <pre><code>var GamesView = React.createClass({
      render: function() {
          var { gameId } = this.props.params;
  
          return (
              &lt;div&gt;
                  &lt;h1&gt;Game Name&lt;/h1&gt;
                  &lt;p&gt;{gameId}&lt;/p&gt;
              &lt;/div&gt;
          );
      }
  });
  
  module.exports = GamesView;
  </code></pre>
  
  <p>Anybody have any ideas?</p>