Как сделать так, чтобы страница в рендере React прокручивалась вверх сразу во время маршрутизации? Я использую хук useLayoutEffect, но он срабатывает только после рендеринга страницы: сначала я вижу отрендеренную страницу, и только потом выполняется функция прокрутки вверх. Как я могу гарантировать, что страница отображается уже прокрученной до самого верха при загрузке?
Это мой компонент:
import { useLayoutEffect } from "react";
import { useLocation } from "react-router-dom";
const ScrollToTop = () => {
const { pathname } = useLocation();
useLayoutEffect(() => {
window.scrollTo(0, 0);
}, [pathname]);
return null;
};
export default ScrollToTop;
Подробнее здесь: https://stackoverflow.com/questions/793 ... roll-reset
