Изменить состояние страниц в контексте

Question

Это мой контекст, я активирую страницу при переходе к ней, хочу показать текущую страницу, просто хочу изменить состояние «активный» на «текущий» при открытии страницы. если я переключаюсь между активированными страницами, текущее состояние должно измениться. Я передаю реквизит, чтобы активировать эти страницы.

Как мне это сделать

const [sample, setSample] = useState({
    start: "active",
    first: "deactive",
    second: "deactive",
    thired: "deactive",
    forth: "deactive",
    navState: []
});

const AddNav = (prop) => {

    let activePage = nav.navState;

    if (!activePage.includes(prop))
        activePage.push(prop);
    setNav({ ...nav, navState: activePage });

    activePage.forEach(function (val) {
        if (val in nav) {
            setNav({ ...nav, [val]: "active" });
        }
        setNav({ ...nav, [val]: current });
    });
}