Как повесить класс активности в хэдере на home?

Question

[Раз Два]

На всех элементах класс активности работает, кроме home
Элементы хэдера тянутся из админки

export default ({ menu, className, common: { t } }: Props.TemplateProps) => {
  return (
    <>
      <ul className={utils.classnames(className, 'top-menu')}>
        {menu.map(({ id, title, path }) => (
          <Components.Link
            key={id}
            to={`/${path}`}
            className="top-menu__link"
            isNav
            activeClassName="top-menu__link--current"
          >
            <span className="top-menu__name">{title}</span>
          </Components.Link>
        ))}
      </ul>
    </>
  );
};

Класс активности есть

При переходе в home класса активности нет

Comments

[Pavel Shvedov]

приложи свой роутер, где объявлен роут для home, а также что хранится в menu

[Раз Два]

Pavel Shvedov,

[Aetae]

Раз Два, а url при home точно выглядит site.name/home? М.б. у тя там алиас\редирект на /?

[Раз Два]

Aetae, при клике на home буквально на долю секунды появляется /home в url-e и пропадает

[Aetae]

Раз Два, ну вот и ответ. У тебя где-то переадресация /home -> /. Соответственно to={`/${path}`} не совпадает и подсветки нет.

Либо проверяй тут в лоб на home, либо доработай свою систему до поддержки редиректов. Этот ваш react-router такая непрактичная шляпа, что я до сих пор в недоумении.

[Раз Два]

Aetae, огромное спасибо.

а что посоветуешь использовать ?

[Aetae]

Раз Два, Vue.)
А в React я сам страдаю:(.