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