fix: remove route state replace

Signed-off-by: Innei <[email protected]>

Author: Innei

.gitignore

@@ -36,5 +36,6 @@ next-env.d.ts
 .env
 .idea
 
-
 .vscode/sftp.json
+
+src/app/dev

src/components/modules/peek/NotePreview.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { useEffect, useMemo } from 'react'
+import { useMemo } from 'react'
 import { atom } from 'jotai'
 import type { NoteWrappedPayload } from '@mx-space/api-client'
 import type { FC } from 'react'
@@ -36,21 +36,6 @@ export const NotePreview: FC<NotePreviewProps> = (props) => {
     ...queries.note.byNid(props.noteId.toString()),
   })
 
-  useEffect(() => {
-    const currentState = history.state
-    const currentLocation = window.location.href
-    const nextUrl = new URL(currentLocation)
-    nextUrl.pathname = `/notes/${props.noteId}`
-    const nextUrlString = nextUrl.href
-
-    // 虽然但是，这样浏览器的前进后退会有问题
-    // 如果用 NextJS 的 parallel-routes 情况太复杂
-    history.replaceState(null, '', nextUrlString)
-    return () => {
-      history.replaceState(currentState, '', currentLocation)
-    }
-  }, [props.noteId])
-
   const overrideAtom = useMemo(() => atom(null! as NoteWrappedPayload), [])
   if (isLoading) return <Loading className="w-full" useDefaultLoadingText />
   if (!data) return null

src/components/modules/peek/PostPreview.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { useEffect, useMemo } from 'react'
+import { useMemo } from 'react'
 import Balancer from 'react-wrap-balancer'
 import { atom } from 'jotai'
 import type { PostModel } from '@mx-space/api-client'
@@ -34,21 +34,6 @@ export const PostPreview: FC<PostPreviewProps> = (props) => {
     ...queries.post.bySlug(category, slug),
   })
 
-  useEffect(() => {
-    const currentState = history.state
-    const currentLocation = window.location.href
-    const nextUrl = new URL(currentLocation)
-    nextUrl.pathname = `/posts/${category}/${slug}`
-    const nextUrlString = nextUrl.href
-
-    // 虽然但是，这样浏览器的前进后退会有问题
-    // 如果用 NextJS 的 parallel-routes 情况太复杂
-    history.replaceState(null, '', nextUrlString)
-    return () => {
-      history.replaceState(currentState, '', currentLocation)
-    }
-  }, [category, slug])
-
   const overrideAtom = useMemo(() => atom(null! as PostModel), [])
   if (isLoading) return <Loading className="w-full" useDefaultLoadingText />
   if (!data) return null