React-Router - Uncaught TypeError: Cannot read property 'getCurrentLocation' of undefined
<p>I'm using the latest version of <code>react-router</code> (version ^3.0.0).</p>

<p>I wrote the following routing using ES5:</p>

<p><code>routes.js</code>:</p>

<pre><code>var React = require("react");
var Router = require("react-router");
var AuthorPage = require('./components/authors/authorPage')
var App = require('./components/app')
var Route = Router.Route;

var routes = (
    &lt;Route path="/" component={App}&gt;
        &lt;Route path="authors" component={AuthorPage}/&gt;
     &lt;/Route&gt;
);

module.exports = routes;
</code></pre>

<p>In another JS file called <code>main.js</code> I perform the following call:</p>

<p><code>main.js</code>:</p>

<pre><code>var React= require("react");
var ReactDom = require("react-dom");
var Router = require('react-router').Router;
var routes = require('./routes');
ReactDom.render(&lt;Router routes={routes}&gt;&lt;/Router&gt;, document.getElementById('app'));
</code></pre>

<p>When I run the code I get the following exception in Google Chrome developer tools:</p>

<blockquote>
  <p>Uncaught TypeError: Cannot read property 'getCurrentLocation' of
  undefined</p>
</blockquote>

<p>Why is that? What am I missing?</p>