title: react-router Location did not match any routes
body: <p>There is a login component. My application entry point is login page. After successful login, moved to main page(dashboard &amp; navigation). After successful login main page is displaying with nav component and dashboard.But navigations are not working. I am getting error:</p>
  
  <p>react-router Location "/examples" did not match any routes 
  react-router Location "/dashboard" did not match any routes</p>
  
  <p>My login Component is</p>
  
  <pre><code>var React = require('react');
  var {Link} = require('react-router');
  var Dashboard = require('Dashboard');
  
  var Login = React.createClass ({
  onFormSubmit: function(e){
    e.preventDefault();
    window.location.href = '/main'
  },
  render: function(){
  return (
  &lt;div&gt;
   &lt;h1 className="text-center"&gt;Login&lt;/h1&gt;
    &lt;form onSubmit={this.onFormSubmit}&gt;
      &lt;input type="text" ref="username"/&gt;
  
      &lt;button className="button"&gt;Login&lt;/button&gt;
    &lt;/form&gt;
  &lt;/div&gt;
   )
   } 
   });
  
   module.exports = Login;
  </code></pre>
  
  <p>My Dashboard component is</p>
  
  <pre><code> var React = require('react');
   var Nav = require('Nav');
  
   var Dashboard = (props) =&gt; {
    return (
      &lt;div&gt;
         &lt;h1&gt; Dashboard&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    );
   }
  
   module.exports = Dashboard;
  </code></pre>
  
  <p>Main component Main.jsx</p>
  
  <pre><code>var React = require('react');
  var Nav = require('Nav');
  
   var Main = (props) =&gt; {
     return (
       &lt;div&gt;
          &lt;h1&gt; Main&lt;/h1&gt;
       &lt;Nav/&gt;
       &lt;div className="row"&gt;
       &lt;div className="columns medium-6 large-4 small-centered"&gt;
         {props.children}
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
     );
    }
  
    module.exports = Main;
  </code></pre>
  
  <p>Main app.jsx file is</p>
  
  <pre><code>var React = require('react');
  var ReactDOM = require('react-dom');
  var {Route, Router, IndexRoute, browserHistory} = require('react-   router');
  var Login = require('Login');
  var Dashboard = require('Dashboard');
  var About = require('About');
  var Examples = require('Examples');
  var Main = require('Main');
  
  
  require('style!css!foundation-sites/dist/foundation.min.css')
  $(document).foundation();
  
  ReactDOM.render(
    &lt;Router history={browserHistory}&gt;
      &lt;Route path="/" component={Login}/&gt;
      &lt;Route path="/main" component={Main}&gt;
         &lt;Route path="about" component={About}/&gt;
         &lt;Route path="examples" component={Examples}/&gt;
         &lt;IndexRoute component={Dashboard}/&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;,
    document.getElementById('app')
    );
  </code></pre>
  
  <p>My server.js file: </p>
  
  <pre><code> var express = require('express');
  
   // Create our app
   var app = express();
  
   app.get(['/', '/main'], function(req, res){
   res.sendfile('./public/index.html')
  });
  
  
  app.use(express.static('public'));
  
  app.listen(3000, function () {
    console.log('Express server is up on port 3000');
  });
  </code></pre>