Реагировать на сброс прокрутки маршрутизатора ⇐ Javascript

[Anonymous]

Как сделать так, чтобы страница в рендере 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