fix: remove fuck unstable_cache

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

Author: Innei

src/app/(app)/(home)/layout.tsx

@@ -2,7 +2,7 @@ import { dehydrate } from '@tanstack/react-query'
 import type { PropsWithChildren } from 'react'
 
 import { QueryHydrate } from '~/components/common/QueryHydrate'
-import { getOrSetCache } from '~/lib/cache'
+import { onlyGetOrSetCacheInVercelButFallback } from '~/lib/cache'
 import { isShallowEqualArray } from '~/lib/lodash'
 import { getQueryClient } from '~/lib/query-client.server'
 import { apiClient } from '~/lib/request'
@@ -18,7 +18,7 @@ export default async function HomeLayout(props: PropsWithChildren) {
     .fetchQuery({
       queryKey,
       queryFn: async () => {
-        return getOrSetCache(
+        return onlyGetOrSetCacheInVercelButFallback(
           'aggregate-top',
           async () => {
             return (await apiClient.aggregate.getTop(5)).$serialized

src/app/(app)/layout.tsx

@@ -1,5 +1,5 @@
+import { cache } from 'react'
 import { ToastContainer } from 'react-toastify'
-import { unstable_cache } from 'next/cache'
 import type { Viewport } from 'next'
 import type { PropsWithChildren } from 'react'
 
@@ -14,7 +14,7 @@ import { AccentColorStyleInjector } from '~/components/modules/shared/AccentColo
 import { SearchPanelWithHotKey } from '~/components/modules/shared/SearchFAB'
 import { TocAutoScroll } from '~/components/modules/toc/TocAutoScroll'
 import { attachUAAndRealIp } from '~/lib/attach-ua'
-import { getOrSetCache } from '~/lib/cache'
+import { onlyGetOrSetCacheInVercelButFallback } from '~/lib/cache'
 import { sansFont, serifFont } from '~/lib/fonts'
 import { getQueryClient } from '~/lib/query-client.server'
 import { AggregationProvider } from '~/providers/root/aggregation-data-provider'
@@ -43,23 +43,19 @@ export function generateViewport(): Viewport {
 }
 
 const key = 'root-data'
-const fetchAggregationData = unstable_cache(
-  async () => {
-    const queryClient = getQueryClient()
+const fetchAggregationData = cache(async () => {
+  const queryClient = getQueryClient()
 
-    return getOrSetCache(
-      key,
-      async () => {
-        attachUAAndRealIp()
+  return onlyGetOrSetCacheInVercelButFallback(
+    key,
+    async () => {
+      attachUAAndRealIp()
 
-        return queryClient.fetchQuery(queries.aggregation.root())
-      },
-      revalidate,
-    )
-  },
-  [key],
-  { revalidate },
-)
+      return queryClient.fetchQuery(queries.aggregation.root())
+    },
+    revalidate,
+  )
+})
 export const generateMetadata = async () => {
   const fetchedData = await fetchAggregationData()