feat(frontend): Scroll restoration

declanlscott · Feb 8, 2024 · 6863222 · 6863222
1 parent d8d38fb
commit 6863222
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/routes/root.tsx b/frontend/src/routes/root.tsx
@@ -1,7 +1,10 @@
 import { lazy, Suspense } from "react";
 import { QueryClient } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { createRootRouteWithContext } from "@tanstack/react-router";
+import {
+  createRootRouteWithContext,
+  ScrollRestoration,
+} from "@tanstack/react-router";
 
 import { Layout } from "~/components/Layout";
 
@@ -24,6 +27,8 @@ export const rootRoute = rootRouteWithContext({
     <>
       <Layout />
 
+      <ScrollRestoration getKey={(location) => location.pathname} />
+
       <Suspense>
         <TanStackRouterDevtools position="bottom-right" />
       </Suspense>