title: react-router only goes to index route
body: <p>I'm running into a situation in react where my application on recognizes the index route.  my code in my app.js looks like this:</p>
  
  <pre class="lang-jsx prettyprint-override"><code>import React from 'react'
  
  import { render } from 'react-dom'
  
  import { Router, Route, Link, IndexRoute } from 'react-router'
  
  class App extends React.Component {
      render() {
          return (
            &lt;div&gt;
              &lt;div&gt;
                  Hello There App
              &lt;/div&gt;
            &lt;/div&gt;
          );
      }
  }   
  
  class About extends React.Component {
      render() {
          return (
            &lt;div&gt;
              &lt;div&gt;
                  Hello There About
              &lt;/div&gt;
            &lt;/div&gt;
          );
      }
  }
  
  class Error extends React.Component {
      render() {
          return (
            &lt;div&gt;
              &lt;div&gt;
                  Hello There Error
              &lt;/div&gt;
            &lt;/div&gt;
          );
      }
  }
  
  React.render((
    &lt;Router&gt;
      &lt;Route path="/" component={App}&gt;
        &lt;IndexRoute component={About}/&gt;
        &lt;Route path="*" component={Error}/&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  ), document.body)
  </code></pre>
  
  <p>There were some similar links I checked out:
  <a href="https://stackoverflow.com/questions/32421598/react-router-only-recognises-index-route">React Router only recognises index route</a></p>
  
  <p>and </p>
  
  <p><a href="https://stackoverflow.com/questions/32276514/react-router-only-works-with-root-path">React router only works with root path</a></p>
  
  <p>But these didn't push me along.  I'm running an express server and I have a route there too:</p>
  
  <pre><code>app.use(ecstatic({ root: __dirname + '/public', handleError:true }));
  app.get('/', function(request, response){
      response.sendfile("./public/index.html");
  });
  </code></pre>
  
  <p>With or without the <code>app.get("/"...</code> I run into the same issue.  It's also worth noting that I tried it this way as well: <a href="https://github.com/rackt/react-router" rel="nofollow noreferrer">https://github.com/rackt/react-router</a> but my routes didn't work that way either.  I'm going on 4 days with this issue with endless research, hopefully one of you can point me in the right direction.  </p>
  
  <p>package.json:</p>
  
  <pre><code>"dependencies": {
      "body-parser": "~1.14.1",
      "browserify": "^10.2.6",
      "cors": "^2.7.1",
      "ecstatic": "~0.8.0",
      "express": "~4.0.0",
      "history": "^1.13.1",
      "mongoose": "~4.2.6",
      "react": "~0.13.3",
      "react-dom": "^0.14.3",
      "react-router": "^1.0.0",
      "reactify": "^1.1.1",
      "socket.io": "^1.3.7",
      "uglify-js": "^2.4.24",
      "watchify": "^3.2.3"
    },
    "license": "public domain",
    "devDependencies": {
      "babelify": "^6.1.2"
    }
  </code></pre>