css для activeClassName не применяется в реакции

Question

У меня есть компонент с именем NavigationItems, и у меня есть несколько следующих ссылок NavLink:

     <ul className={classes['navigation-container']}>
        <li className={classes['navigation-item']}>
            <NavLink to="about-me"
            className={classes["navigation-link"]}
            activeClassName="active-link" exact>ABOUT ME</NavLink>
        </li>
     /ul>

в моем css файле с именем NavigationItems.module. css, когда я хочу писать стили для активных- link эти стили не применяются к классу active-link. Стили следующие:

.active-link {
  color: blue;
}

Интересно, что activeStyle работает. Кто-нибудь может мне с этим помочь?