tanstack-query-intent-framework-use-suspense-and-error-0e96f8ec

This skill builds on core/fetch-and-observe-queries and lifecycle/prefetch-and-remove-request-waterfalls.

Setup

import { Suspense } from 'react'
import { useSuspenseQuery } from '@tanstack/react-query'

function Todos() {
  const { data } = useSuspenseQuery({
    queryKey: ['todos'],
    queryFn: async () => [{ id: 1 }],
  })
  return <pre>{JSON.stringify(data)}</pre>
}