react redux браузер перерисовывает компонент только после случайной активности на странице
Есть компонента. Обновляю её локальный стейт через useEffect. Данные беру из store redux. Есть нюанс с перерисовкой, с которым раньше я нигда не сталкивался. Компонента перисовывается если соблюдено хотя бы одно из условий:
- Открыт инспектор в браузере.
- Если навести курсор на элемент, стили которого изменяются по hover.
- Если поскроллить страницу
- Если переключиться на другую уже открытую ранее вкладку браузера.
- Если свернуть окно браузера, а затем развернуть его. Пробовал на firefox и googlechrome. Мне хотя бы знать, что за проблема, чтобы нагуглить ее. Разумеется, что по запросу "Не перерисовывается компонента react" я получаю выдачу, где у людей useEffect неверно реализован, когда у них компонента не обновляется ни при каких обстоятельствах.
Источник: Stack Overflow на русском