title: Uncaught TypeError: Cannot read property 'createRouteFromReactElement' of undefined
body: <p>I am getting this error :-<br>
  Uncaught TypeError: Cannot read property 'createRouteFromReactElement' of undefined<br>
  in this code. I used Router for navigation but not working. I imported a file called Home.jsx</p>
  
  <pre class="lang-jsx prettyprint-override"><code>    var React = require('react')
      var ReactDOM =  require('react-dom')
      var Router = require('react-router').Router
      var Route= Router.Route
      var IndexRoute = Router.IndexRoute 
  
      var App = React.createClass({
        render() {
          return (
            &lt;div&gt;
              &lt;p&gt;App&lt;/p&gt;
              &lt;ul&gt;
                &lt;li&gt;About&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          )
        }
      })
  
  var About = require('./components/Home')
  
  ReactDOM.render((
    &lt;Router&gt;
      &lt;Route path="/" component={App}&gt;
        &lt;IndexRoute path="/about" component={About} /&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  ), document.body)
  </code></pre>
  
  <p>and Home.jsx</p>
  
  <pre class="lang-jsx prettyprint-override"><code>var React = require('react');
  var RaisedButton = require('material-ui/lib/raised-button');
  
  var Home = React.createClass({
    render:function() {
      return (
          &lt;RaisedButton label="Default" /&gt;
      );
    },
  });
  
  module.exports = Home;
  </code></pre>