Всем привет, можете помочь - как обновлять компонент по изменению

Question

Всем привет, можете помочь - как обновлять компонент по изменению

хэша? Визуально он обновляется, но данные нет.

Структура такая - есть основной компонент, в котором есть другой, который грузит список, допустим, новостей.
Все это обернуто в Layout, в котором есть Link to в котором передаются pathname и hash.

Задача - нужно обновить компонент по изменению хэша.

Как я сделал:
Ввел функцию hashDetect() в которой есть свитч который возвращает нужную строку (active, past). Данная строка необходима потом для загрузки объектов с нужным стейтом через экшен и репозиторий из БД рельсов.
Затем ввел константу hashState, которой присваиваю возвращаемого функцией hashDetect() значения
Затем идут стейты - стейт объектов (news, setNews).
Стейт стейта объекта (поле из БД) в котором значение по умолчанию используется константа hashState
Затем стейт для пагинации, для подзагрузки объектов по кнопке.
И еще стейт вкладки, который, по идее, должен меняться если переключается вкладка новостей из Layout` (active, past)

Затем функция для инкрементации страницы - в ней просто сеттер, который меняет значение стейта на +1. И он, кстати, спокойно работает и добавляет данные.

После идет функция изменения хэша hashChanged() в которой запускается функция hashDetect(), затем сеттер, который присваивает значение хэша объектам (`hashState) сеттер на вкладки и добавил еще консоль лог для того чтобы проверить, что хэш изменился.

Дальше вот вопрос, у меня стоит вот такое присваивание -
window.onhashchange = hashChanged; , где hashChanged- функция, которую описывал выше. То есть это такой лисенер.

Дальше уже идет хук useEffect в котором сеттер hashState и экшен, который возвращает промис, обрабатывает его и подгружает данные.

И вот инкрементация работает - данные приходят.
Если я просто хэш меняю в адресной строке - тоже обновляется. А вот просто по клику - не работает.
Нужен нормальный лисенер?