sendou.ink/app/components/ConditionalScrollRestoration.tsx

// temporary workaround before Remix has React Router 6.4
// https://github.com/remix-run/remix/issues/186#issuecomment-1178395835

import { ScrollRestoration, useLocation } from "@remix-run/react";
import * as React from "react";

export function ConditionalScrollRestoration() {
	const isFirstRenderRef = React.useRef(true);
	const location = useLocation();

	React.useEffect(() => {
		isFirstRenderRef.current = false;
	}, []);

	if (
		!isFirstRenderRef.current &&
		location.state != null &&
		typeof location.state === "object" &&
		(location.state as { scroll: boolean }).scroll === false
	) {
		return null;
	}

	return <ScrollRestoration getKey={(location) => location.pathname} />;
}