title: react-router index route always active
body: <p>I am trying to style my navigation by using the react <code>activeClassName</code> attribute. So far it works as expected, but there is a problem - my first nav links points to the root route(/). So even when on another URL it will register that URL (for example /skills) and root as active (so 2 menu items get styled).</p>
  
  <p>Is there an easy workaround for this? Should I just define the Root route as something else (for example /home)?</p>
  
  <p>My header:</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  import { Link, IndexLink } from 'react-router';
  
  const Header = () =&gt; {
      return (
          &lt;div className="header"&gt;
              &lt;div className="headerImage"&gt;&lt;/div&gt;
              &lt;ul className="headerNav"&gt;
                  &lt;li className="headerNavLink"&gt;&lt;Link to="/" activeClassName="activeLink"&gt;introduction&lt;/Link&gt;&lt;/li&gt;
                  &lt;li className="headerNavLink"&gt;&lt;Link to="/skills" activeClassName="activeLink"&gt;skills&lt;/Link&gt;&lt;/li&gt;
                  &lt;li className="headerNavLink"&gt;&lt;Link to="/portfolio" activeClassName="activeLink"&gt;portfolio&lt;/Link&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      );
  };
  
  export default Header;
  </code></pre>
  
  <p>routes.js:</p>
  
  <pre><code>import React from 'react';
  import { Route, IndexRoute } from 'react-router';
  //Import app
  import App from './components/App';
  //Import pages
  import IntroductionPage from './components/introduction/IntroductionPage';
  import SkillsPage from './components/skills/SkillsPage';
  import PortfolioPage from './components/portfolio/PortfolioPage';
  
  //Define routes
  export default (
      &lt;Route path="/" component={App}&gt;
          &lt;IndexRoute component={IntroductionPage} /&gt;
          &lt;Route path="skills" component={SkillsPage} /&gt;
          &lt;Route path="portfolio" component={PortfolioPage} /&gt;
      &lt;/Route&gt;
  );
  </code></pre>
  
  <p>So to clarify, I would like my home route to not be active when on another route.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks</p>