React router - activeClassName on Link home
<p>I have a problem with react router activeClassName on Link.</p>

<pre><code>return (
      &lt;div className="navigation"&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;Link to={'/'} activeClassName="active"&gt;
              Home
            &lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to={'about'} activeClassName="active"&gt;
              About
            &lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to={'freebies'} activeClassName="active"&gt;
              Freebies
            &lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to={'sandbox'} activeClassName="active"&gt;
              Sandbox
            &lt;/Link&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    );
</code></pre>

<p>The problem is when i am for exemple on link about, activeClassName work on this link but also in the home link too ' / '.</p>

<p>I don't know if someone have the same issue.</p>

<p>Thank you !</p>