useLayoutEffect only on client

src/lib/ScrollReset.client.tsx

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

src/lib/utils.ts

@@ -1,4 +1,7 @@
+import { useEffect, useLayoutEffect } from "react";
+
 export type Color = "matcha" | "walnut" | "pepper" | "grain";
 export type MakePropertiesOptional<T, K extends string> = T extends T
 	? Omit<T, K> & Partial<Pick<T, K extends keyof T ? K : never>>
 	: never;
+export const useClientLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;