set scroll restoration to manual

Author: StackOverflowIsBetterThanAnyAI

src/app/page.tsx

@@ -11,13 +11,15 @@ import { ContextQuote } from '@/context/ContextQuote'
 import { ContextTopTenPosts } from '@/context/ContextTopTenPosts'
 import { ContextTopUsers } from '@/context/ContextTopUsers'
 import { useFocusTrap } from '@/hooks/useFocusTrap'
+import { useScrollRestoration } from '@/hooks/useScrollRestoration'
 
 export default function Home() {
     const quoteRef = useRef<HTMLQuoteElement>(null)
     const topTenPostsRef = useRef<HTMLDivElement | null>(null)
     const topUsersRef = useRef<HTMLDivElement | null>(null)
 
     useFocusTrap()
+    useScrollRestoration()
 
     return (
         <div className="min-h-svh flex flex-col items-center justify-start bg-gradient-to-b from-stone-700 to-stone-800">

src/hooks/useScrollRestoration.ts

@@ -0,0 +1,11 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export const useScrollRestoration = () => {
+    useEffect(() => {
+        if ('scrollRestoration' in window.history) {
+            window.history.scrollRestoration = 'manual'
+        }
+    }, [])
+}