Skip to content

Suspense hooks

suspense is on by default and adds a suspense variant next to each query. Set hooks: true to generate useSuspenseQuery alongside useQuery. This needs TanStack Query v5 or later.

kubb.config.ts
typescript
import { 
defineConfig
} from 'kubb/config'
import {
pluginTs
} from '@kubb/plugin-ts'
import {
pluginFetch
} from '@kubb/plugin-fetch'
import {
pluginReactQuery
} from '@kubb/plugin-react-query'
export default
defineConfig
({
input
: './petStore.yaml',
output
: {
path
: './src/gen',
clean
: true },
plugins
: [
pluginTs
(),
pluginFetch
(),
pluginReactQuery
({
hooks
: true,
suspense
: {},
}), ], })
typescript
import { useGetPetByIdSuspense } from './src/gen/hooks/useGetPetByIdSuspense'

const { data } = useGetPetByIdSuspense({ path: { petId: 1 } })