Слышали что-нибудь про хук useLayoutEffect? Расскажите, как он работает.

UseLayoutEffect выполняется после изменения DOM React, но до следующей отрисовки браузера. Он подходит для измерений и визуальной коррекции без промежуточного кадра.

Его работа блокирует отображение, поэтому долгие вычисления туда помещать нельзя. Большинство внешних синхронизаций следует оставлять в useEffect. Cleanup выполняется перед повторным setup и при размонтировании; на сервере эффекты не дают доступа к готовому браузерному DOM.