Почему activeNameClass в react-router меняется только после обновления страницы?

Question

[Nikita Shchypylov]

Так выглядит сайдбар, где происходят клики :

const sidebar = this.props.sidebar[0];
    const content = sidebar ? (
      Object.keys(sidebar).map(element => {
        const className = `icon ${sidebar[element].icon}`;
        const url = sidebar[element].url;
        return ( 
          <li key={element}>
            <NavLink to={url} activeClassName="active">
              <i className={className} />
              <span className="text">{sidebar[element].text}</span>
            </NavLink>
          </li>
        );
      })
    ) : (
      <div>Loading, please, waits</div>
    );

Когда я кликаю, то роутинг происходит. Когда обновляю страницу, то получаю .active на последний кликнутый элемент. Если потом кликаю, то ничего не происходит.
В чем может быть проблема?