TS error when using graphql-codegen with useQuery (@urql/vue) #3713

igolka97 · 2024-12-05T00:09:48Z

igolka97
Dec 5, 2024

i have just updated @urql/vue from 1.1.2 to 1.4.2 and get several TS error on useQuery:

const { data, fetching } = useQuery({
  query: PublishersDocument,
});

error:

Type
{   query: TypedDocumentNode<PublishersQuery, Exact<{     [key: string]: never;   }>>; }
is not assignable to type
{   requestPolicy?: MaybeRef<RequestPolicy>;   context?: MaybeRef<Partial<OperationContext>>;   pause?: MaybeRef<boolean>; } & { ...; }

but i found a little workaround, is to add dummy property variables: {} to useQuery:

const { data, fetching } = useQuery({
  query: PublishersDocument,
  variables: {},
});

PublisherDocument:

export const PublishersDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"publishers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"publishers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]} as unknown as DocumentNode<PublishersQuery, PublishersQueryVariables>;

is generated by well-known graphql-codegen

so, what is going wrong?

arkandias · 2025-02-20T23:11:02Z

arkandias
Feb 20, 2025

The problem is described here: #3605 (comment)
The same commit also completely broke the typing of the variables.
I opened an issue (#3733) and a PR (#3734)...

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

TS error when using graphql-codegen with useQuery (@urql/vue) #3713

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

TS error when using graphql-codegen with useQuery (@urql/vue) #3713

Uh oh!

igolka97 Dec 5, 2024

Replies: 1 comment

Uh oh!

arkandias Feb 20, 2025

igolka97
Dec 5, 2024

arkandias
Feb 20, 2025