snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

integrations/react-next-15/app/page.tsx

@@ -0,0 +1,41 @@
+import { headers } from 'next/headers'
+import React from 'react'
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query'
+import { Temporal } from '@js-temporal/polyfill'
+import { ClientComponent } from './client-component'
+import { makeQueryClient } from './make-query-client'
+import { queryExampleAction } from './_action'
+
+export default function Home() {
+  const queryClient = makeQueryClient()
+
+  queryClient.prefetchQuery({
+    queryKey: ['data'],
+    queryFn: async () => {
+      const { count } = await (
+        await fetch('http://localhost:3000/count', {
+          headers: await headers(),
+        })
+      ).json()
+
+      return {
+        text: 'data from server',
+        date: Temporal.PlainDate.from('2024-01-01'),
+        count,
+      }
+    },
+  })
+
+  const state = dehydrate(queryClient)
+
+  return (
+    <main>
+      <HydrationBoundary state={state}>
+        <ClientComponent />
+      </HydrationBoundary>
+      <form action={queryExampleAction}>
+        <button type="submit">Increment</button>
+      </form>
+    </main>
+  )
+}