fix(router): error in the back button after refreshing the first time you enter the detail page

app/(main)/ClientComponents/ServerDetailClient.tsx

@@ -29,12 +29,9 @@ export default function ServerDetailClient({
   }, []);
 
   useEffect(() => {
-    const previousPath = sessionStorage.getItem("lastPath");
+    const previousPath = sessionStorage.getItem("fromMainPage");
     if (previousPath) {
       setHasHistory(true);
-    } else {
-      const currentPath = window.location.pathname;
-      sessionStorage.setItem("lastPath", currentPath);
     }
   }, []);
 

app/(main)/header.tsx

@@ -69,9 +69,7 @@ type links = {
 function Links() {
   const linksEnv = getEnv("NEXT_PUBLIC_Links");
 
-  const links: links[] | null = linksEnv
-    ? JSON.parse(linksEnv)
-    : null;
+  const links: links[] | null = linksEnv ? JSON.parse(linksEnv) : null;
 
   console.log(links);
 
@@ -90,17 +88,12 @@ function Links() {
           >
             {link.name}
           </a>
-        )
+        );
       })}
     </div>
-  )
-
-
-
+  );
 }
 
-
-
 // https://github.com/streamich/react-use/blob/master/src/useInterval.ts
 const useInterval = (callback: () => void, delay: number | null) => {
   const savedCallback = useRef<() => void>(() => {});

components/ServerCard.tsx

@@ -29,8 +29,12 @@ export default function ServerCard({
   const fixedTopServerName =
     getEnv("NEXT_PUBLIC_FixedTopServerName") === "true";
 
+  const saveSession = () => {
+    sessionStorage.setItem("fromMainPage", "true");
+  };
+
   return online ? (
-    <Link href={`/${id}`} prefetch={true}>
+    <Link onClick={saveSession} href={`/${id}`} prefetch={true}>
       <Card
         className={cn(
           "flex flex-col items-center justify-start gap-3 p-3 md:px-5 cursor-pointer",