Как сохранить active link React?

Question

[ReactDev]

У меня есть код который изменяет активный className. Код это ссылки в header на разные страницы, активная ссылка это подчеркнутая полоска под активной ссылкой. Если перейти по ссылке, то активный класс пропадает =(

Код на классовой компоненте, буду рад помощи

<div>
            <nav>
              <NavLink className={({isActive})=>(isActive ?s.active:"")} to="/All">All</NavLink>
              <NavLink className={({ isActive }) => isActive ? s.active : ""} to="/Tech">Tech</NavLink>
              <NavLink className={({ isActive }) => isActive ? s.active : ""} to="/Clothes" >Clothes</NavLink>
            </nav>
</div>