Как перерендерить компонент при добавлении токена в localStorage?

Question

[Kentavr16]

В компоненте с формой входа я использую следующую логику:

let navigate = useNavigate();
  useEffect(() => {
    const token = window.localStorage.getItem("token");
    if (token) {
      navigate("../cabinet", { replace: true });
    }
  },);

Т.е. приходит ответ сервера => токен записывается в локальное хранилище => происходит перенаправление на страницу с кабинетом пользователя.
Проблема в компоненте с навигацией. Нужно чтобы добавление токена запускало ререндер. Вот код:

{token? (
        <button className="signout" onClick={deleteToken}>
          exit
        </button>
      ) : (
        <nav>
          <Link to="/registration">registration</Link>
          <Link to="/signin">signin</Link>
        </nav>
      )}

Как реализовать обновление компонента с навигацией после того, как токен добавляется в localstore?

Answer 1

[Kentavr16]

Отвечу сам себе - используя параметры УРЛ, контекст или редакс.