Навигационная ссылка ReactJS

#reactjs

Вопрос:

У меня есть панель навигации заголовка, использующая ссылку react-scroll

 import { Link, animateScroll as scroll } from "react-scroll";

 <ul className={classes.headerMenu}>
        <li>
          <Link
            to="lichChieu"
            spy={true}
            smooth={true}
            duration={500}
          >
            Lịch Chiếu
          </Link>
        </li>
        <li>
          <Link
            to="cumRap"
            spy={true}
            smooth={true}
            duration={500}
          >
            Cụm rạp
          </Link>
        </li>
</ul>
 

Каждая ссылка выше попадет в свой собственный раздел с одинаковым идентификатором со значением «кому» ссылки тега. Проблема в том, что это работает только тогда, когда я на главной странице.
Когда я на другой странице, например, на странице сведений о продукте,… на которой нет этого раздела, я хочу, чтобы он автоматически возвращался на главную страницу и переходил к этому разделу при нажатии на ссылку.
Как я могу это сделать? Большое спасибо, что прочитали мою проблему и показали мне некоторые решения