Function Home

integrations/react-next-15/app/page.tsx:9–41

()

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>
  )
}