Active routes not changing

[agharsallah]

when adding a new link to the tab and activeClassName to the Link element the style dose'n apply unless I press refresh.
I've added {pure:false} to connect but the same problem persists : remix-run/react-router#3536

[DimiMikadze]

Hey, sorry for late answer.

I don't know why activeClassName is not working, in my latest project i'm comparing props.location.pathname and based on that toggling active class.

  componentWillReceiveProps(nextProps) {
    if (this.props.currentUrl !== nextProps.currentUrl) {
      this.setState({ activeUrl: nextProps.currentUrl });
    }
  }

render

  <li className={this.state.activeUrl === '/' ? 'Navigation__active' : ''}>
      <Link to="/">Home</Link>
 </li> 

let me know, if you still have difficulties with it.