remove reload on hash links in about-site

Author: andrew-s28

src/routes/about-site.tsx

@@ -1,7 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, ParsedLocation } from "@tanstack/react-router";
 import { fetchMDXCode, fetchSingleMDXFrontMatter } from "~/utils/mdx-fetcher";
 import { MDXPost } from "~/components/page";
 
+let prevLoc: ParsedLocation | null = null;
+
 export const Route = createFileRoute("/about-site")({
   loader: async () => {
     return {
@@ -14,6 +16,22 @@ export const Route = createFileRoute("/about-site")({
     };
   },
   component: AboutComponent,
+  shouldReload(match) {
+    try {
+      if (match.cause === "enter" || match.cause === "preload") return true;
+
+      const hashOnly =
+        prevLoc &&
+        prevLoc.pathname === match.location.pathname &&
+        prevLoc.searchStr === match.location.searchStr;
+
+      if (hashOnly) return false;
+
+      return true;
+    } finally {
+      prevLoc = match.location;
+    }
+  },
 });
 
 function AboutComponent() {