Hacky fix to unwanted scroll preservation, should do something nicer …

…later

The issue is the Layout component div being 100vh, which means the default scroll to top doesn't work. Need to find a way to get around that without breaking everything.

src/App.server.tsx

@@ -10,10 +10,12 @@ import {
 import renderHydrogen from "@shopify/hydrogen/entry-server";
 import { Suspense } from "react";
 import { NotFound } from "./components/global/NotFound.server";
+import { ScrollReset } from "./lib/ScrollReset.client";
 
 function App() {
 	return (
 		<Suspense fallback={null}>
+			<ScrollReset />
 			<ShopifyProvider>
 				<ShopifyAnalytics cookieDomain="teacaps.studio" />
 				<CartProvider>

src/components/global/CustomSeo.server.tsx

@@ -15,7 +15,7 @@ export function CustomSeo(props: CustomSeoProps) {
 		preload: "*",
 	});
 
-	console.log(errors);
+	if (errors) console.log(errors);
 
 	const url = useUrl();
 	const image = props.image?.includes("://") ? props.image : url.origin + (props.image || "/landing-og-image.png");

src/lib/ScrollReset.client.tsx

@@ -0,0 +1,8 @@
+import { useLayoutEffect } from "react";
+
+export function ScrollReset() {
+	useLayoutEffect(() => {
+		document.querySelector("#root > div")?.scrollTo({ top: 0, behavior: "smooth" });
+	});
+	return null;
+}