test fetch query

sanity-io · Nov 21, 2024 · 996b946 · 996b946
1 parent 19cb087
commit 996b946
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/next-enterprise/sanity.types.ts b/next-enterprise/sanity.types.ts
@@ -171,15 +171,17 @@ export type AllSanitySchemaTypes =
 export declare const internalGroqTypeReferenceTo: unique symbol
 // Source: ./src/app/layout.tsx
 // Variable: THEME_QUERY
-// Query: *[_id == "theme"][0]{background,text}
+// Query: *[_id == "theme"][0]{background,text,"fetchedAt": now()}
 export type THEME_QUERYResult =
   | {
       background: null
       text: null
+      fetchedAt: string
     }
   | {
       background: string | null
       text: string | null
+      fetchedAt: string
     }
   | null
 
@@ -190,7 +192,7 @@ export type DEMO_QUERYResult = string | null
 
 declare module '@sanity/client' {
   interface SanityQueries {
-    '*[_id == "theme"][0]{background,text}': THEME_QUERYResult
+    '*[_id == "theme"][0]{background,text,"fetchedAt": now()}': THEME_QUERYResult
     '*[_type == "demo" && slug.current == $slug][0].title': DEMO_QUERYResult
   }
 }
diff --git a/next-enterprise/src/app/ThemeButton.tsx b/next-enterprise/src/app/ThemeButton.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import type {SyncTag} from '@sanity/client'
 import {useTransition} from 'react'
 import {randomColorTheme} from './actions'
 

diff --git a/next-enterprise/src/app/layout.tsx b/next-enterprise/src/app/layout.tsx
@@ -6,14 +6,18 @@ import {SanityLive} from './SanityLive'
 import {ThemeButton} from './ThemeButton'
 import {TimeSince} from './TimeSince'
 
-const THEME_QUERY = defineQuery(`*[_id == "theme"][0]{background,text}`)
+const THEME_QUERY = defineQuery(`*[_id == "theme"][0]{background,text,"fetchedAt": now()}`)
 
 export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode
 }>) {
-  const {data, fetchedAt} = await sanityFetch({query: THEME_QUERY})
+  const {
+    data,
+    // This timestamp is inaccurate without 'use cache'
+    // fetchedAt,
+  } = await sanityFetch({query: THEME_QUERY})
 
   return (
     <html
@@ -26,9 +30,11 @@ export default async function RootLayout({
     >
       <body>
         <div className="relative flex min-h-dvh flex-col items-center justify-evenly overflow-auto">
-          <Suspense>
-            <TimeSince label="layout.tsx" since={fetchedAt} />
-          </Suspense>
+          {data?.fetchedAt && (
+            <Suspense>
+              <TimeSince label="layout.tsx" since={data.fetchedAt} />
+            </Suspense>
+          )}
           {children}
           <Suspense>
             <ThemeButton />