graphql-code-generator-community
graphql-code-generator-community copied to clipboard
Typescript React Query v5 wrong type infinite query
Which packages are impacted by your issue?
No response
Describe the bug
Hi,
I also have an issue with infinite query. I tried upgrading to the last version.
I think this type is wrong
export function useInfiniteQuery< TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown,
Is it the good type for TData @TkDodo @neil585456525 ?
The TData = InfiniteData<TQueryFnData>, should it be only TQueryFnData ? because with the version 6.0.0 all my infinite queries types in typescript does not match what is really returned.
I have a strange typescript error on what I should have on my result data. I should have an array
{ pageParams : ... [], pages: { pageParams : unknown[], pages: result[] }[] } but what I really have is not an array
{ pageParams : ..., pages: result[] } This type is used for the result and it already use InfiniteData. So I thinks it should not be in the useInfiniteQuery type params
export interface InfiniteQueryObserverSuccessResult< TData = unknown, TError = unknown,
extends InfiniteQueryObserverBaseResult<TData, TError> { data: InfiniteData<TData> error: null isError: false isLoading: false isLoadingError: false isRefetchError: false isSuccess: true status: 'success' }
Thanks for your help!
Your Example Website or App
https://codesandbox.io/p/devbox/wild-water-xrq5tp?file=%2Ftypes.ts%3A90%2C5
Steps to Reproduce the Bug or Issue
Go to types find useInfiniteUserQuery Types is
<
TData = InfiniteData<UserQuery>,
TError = unknown
>
```
### Expected behavior
But should be
```
<
TData =UserQuery,
TError = unknown
>
```
### Screenshots or Videos
_No response_
### Platform
- OS: Mac 0S 14.0
- NodeJS: 20.10.0
"@graphql-codegen/add": "^5.0.0",
"@graphql-codegen/cli": "^4.0.1",
"@graphql-codegen/typescript": "^4.0.1",
"@graphql-codegen/typescript-operations": "^4.0.1",
"@graphql-codegen/typescript-react-query": "^6.0.0",
### Codegen Config File
import { CodegenConfig } from "@graphql-codegen/cli";
const config: CodegenConfig = {
schema: "schema.graphql",
documents: "document.graphql",
generates: {
"types.ts": {
plugins: [
"typescript",
"typescript-operations",
"typescript-react-query",
],
config: {
reactQueryVersion: 5,
legacyMode: false,
addInfiniteQuery: true,
},
},
},
};
export default config;
### Additional context
_No response_