fix: nextjs-app-prefetching

examples/react/nextjs-app-prefetching/app/error.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return (
+    <div>
+      <h2>Something went wrong!</h2>
+      <p>{error.message}</p>
+      <button onClick={reset}>Try again</button>
+    </div>
+  )
+}

examples/react/nextjs-app-prefetching/app/page.tsx

@@ -1,13 +1,14 @@
 import React from 'react'
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query'
+
 import { pokemonOptions } from '@/app/pokemon'
 import { getQueryClient } from '@/app/get-query-client'
-import { PokemonInfo } from './pokemon-info'
+import { PokemonInfo } from '@/app/pokemon-info'
 
-export default function Home() {
+export default async function Home() {
   const queryClient = getQueryClient()
 
-  void queryClient.prefetchQuery(pokemonOptions)
+  await queryClient.prefetchQuery(pokemonOptions)
 
   return (
     <main>

examples/react/nextjs-app-prefetching/app/pokemon-info.tsx

@@ -5,7 +5,15 @@ import { useSuspenseQuery } from '@tanstack/react-query'
 import { pokemonOptions } from '@/app/pokemon'
 
 export function PokemonInfo() {
-  const { data } = useSuspenseQuery(pokemonOptions)
+  const { data, isLoading, error } = useSuspenseQuery(pokemonOptions)
+
+  if (isLoading) {
+    return <div>Loading...</div>
+  }
+
+  if (error) {
+    return <div>Error: {error.message}</div>
+  }
 
   return (
     <div>

examples/react/nextjs-app-prefetching/app/providers.tsx

@@ -1,10 +1,11 @@
 'use client'
 import { QueryClientProvider } from '@tanstack/react-query'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import type { ReactNode } from 'react'
 import { getQueryClient } from '@/app/get-query-client'
-import type * as React from 'react'
 
-export default function Providers({ children }: { children: React.ReactNode }) {
+
+export default function Providers({ children }: { children: ReactNode }) {
   const queryClient = getQueryClient()
 
   return (