Не работает activeClassName у NavLink при деплое на сервер

Всем привет! Проект на React и у меня не работает activeClassName у NavLink при деплое на сервер. На локальном хосте все работает. Структура проекта следующая:

//App.js
 
<div className='App'>
        <NavigationMenu inactive={inactive} setInactive={setInactive} />
        <Header />
        <div className='content' >
          <Switch>
            <Route exact path='/claims'>
              <Claim />
            </Route>
            <Route exact path='/'>
              <Redirect to='/claims' />
            </Route>
            <Route exact path='/claims/appeal'>
              <ClaimForm />
            </Route>
            <Route exact path='/delays'>
              <Delay />
            </Route>
            <Route exact path='/delays/appeal'>
              <DelayForm />
            </Route>
            <Route path='*'>
              <NotFound />
            </Route>
          </Switch>
        </div>
    </div>

//NavigationMenu.js

function NavigationMenu() {
  return (
    <nav className= 'navigation-sidebar'>
      <ul className='navigation-sidebar__list'>
        <li className='navigation-sidebar__list-item'>
          <NavLink
            className= 'navigation-sidebar__list-item-link'
            to='/claims'
            exact={true}
            activeClassName='navigation-sidebar__list-item-link_active'
          >
   
            <span>Рекламации</span>
          </NavLink>
        </li>
        <li className='navigation-sidebar__list-item'>
          <NavLink
            className='navigation-sidebar__list-item-link'
            exact={true}
            to='/delays'
            activeClassName='navigation-sidebar__list-item-link_active'
          >
            <span>Технические опоздания</span>
          </NavLink>
        </li>
      </ul>
    </nav>
  );
}