Trying to implement react-router 1.0.0-rc1 in my project and i am getting following errors:
1) Warning: React.createElement: type should not be null or undefined. It should be a string (for DOM elements) or a ReactClass (for composite components). 2) Warning: Only functions or strings can be mounted as React components. 3) Uncaught TypeError: Cannot read property 'toUpperCase' of undefined
routes.js file:
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var Home = require('./components/home.js');
var Jobs = require('./components/jobs.js');
var JobDetail = require('./components/jobDetail');
var App = require('./components/app.js');
var About = require('./components/about.js');
var NotFoundPage = require('./components/notfoundpage.js');
var routes = (<Router>
<Route path="/" component={App}>
<Route path="jobs" component={Jobs}>
<Route path="jobs-detail" component={JobDetail} />
</Route>
<Route path="*" component={NotFoundPage} />
</Route>
</Router>);
module.exports = routes;
app.js file:
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var routes = require('./routes');
React.render(<Router>{routes}</Router>, document.body);