применить активный класс к <li>на основе пути URL

Question

Я добавляю активный класс к тегу li, условно основываясь на текущем пути URL,

<li className={`sidebar-main-item ${pathname.startsWith('/company') ? 'active' : ''}`}>
            <Link to="/company-members" className="sidebar-main-link sidebar-main-link-icon">
              <i className="icon-business" />
            </Link>
          </li>

Кажется, он работает нормально, однако я не думаю, что это правильный путь. Невозможно использовать NavLink, поскольку тег a вложен в li. Как я могу улучшить эту строку кода? Заранее спасибо.