@kubb/swagger-tanstack-query

Swagger integration for React-Query to generate all the different hooks based on an OpenAPI specification.

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Coverage][coverage-src]][coverage-href]
[![License][license-src]][license-href]

View Demo
·
Documentation
·
Report Bug
·
Request Feature

[npm-version-src]: https://img.shields.io/npm/v/@kubb/swagger-tanstack-query?flat&colorA=18181B&colorB=f58517
[npm-version-href]: https://npmjs.com/package/@kubb/swagger-tanstack-query
[npm-downloads-src]: https://img.shields.io/npm/dm/@kubb/swagger-tanstack-query?flat&colorA=18181B&colorB=f58517
[npm-downloads-href]: https://npmjs.com/package/@kubb/swagger-tanstack-query
[license-src]: https://img.shields.io/github/license/kubb-labs/kubb.svg?flat&colorA=18181B&colorB=f58517
[license-href]: https://github.com/kubb-labs/kubb/blob/main/LICENSE
[build-src]: https://img.shields.io/github/actions/workflow/status/kubb-labs/kubb/ci.yaml?style=flat&colorA=18181B&colorB=f58517
[build-href]: https://www.npmjs.com/package/@kubb/swagger-tanstack-query
[minified-src]: https://img.shields.io/bundlephobia/min/@kubb/swagger-tanstack-query?style=flat&colorA=18181B&colorB=f58517
[minified-href]: https://www.npmjs.com/package/@kubb/swagger-tanstack-query
[coverage-src]: https://img.shields.io/codecov/c/github/kubb-labs/kubb?style=flat&colorA=18181B&colorB=f58517
[coverage-href]: https://www.npmjs.com/package/@kubb/swagger-tanstack-query

options query

$3

UseBaseQueryOptions => react-query only
UseQueryOptions => vue-query only
CreateQueryOptions => solid-query only
CreateQueryOptions => svelte-query only

$3

UseBaseQueryOptions => react-query only https://github.com/TanStack/query/blob/ce1305c27e7ac7988656d171d882a665a286cc6a/packages/react-query/src/types.ts#L18
QueryObserverOptions => vue-query only https://github.com/TanStack/query/blob/main/packages/vue-query/src/useQuery.ts#L24
UseQueryOptions => solid-query only

result query

$3

UseQueryResult => react-query only
UseQueryReturnType => vue-query only
CreateQueryResult => solid-query only
CreateQueryResult => svelte-query only

$3

UseQueryResult => react-query only
UseQueryReturnType => vue-query only

queryOptions() query

$3

queryOptions => react-query only

``typescript
{
query: {
types: {
options: 'UseBaseQueryOptions'
result: 'UseQueryResult'
}
}
}
``

options mutation

$3

UseMutationOptions => react-query only
VueMutationObserverOptions => vue-query only

$3

UseMutationOptions => react-query only
MutationObserverOptions => vue-query only

result mutation

$3

UseMutationResult => react-query only
UseMutationReturnType => vue-query only

$3

UseMutationResult => react-query only
UseMutationReturnType => vue-query only