useAsyncQuery clientId parameter doesn't work

[artm4r]

Environment

• Operating System: Windows_NT
• Node Version: v16.18.1
• Nuxt Version: 3.0.0
• Nitro Version: 1.0.0
• Package Manager: [email protected]
• Builder: vite
• User Config: plugins, modules, apollo
• Runtime Modules: @nuxtjs/[email protected], @nuxtjs/[email protected]
• Build Modules: -

Describe the bug

useAsyncQuery(GetComentsForHome, 'reviews') uses the 'default ' client even though I specified a different client.
useQuery(GetComentsForHome, { clientId: 'reviews' }) works fine.

Expected behaviour

I expect module to use specified client instead of default

Reproduction

No response

Additional context

No response

Logs

No response

[artm4r]

const { data } = await useAsyncQuery({ query: GetComentsForHome, clientId: 'reviews', })
this syntax works, but this solution is not quite obvious

[lewebsimple]

I can confirm this, as I'm getting the same behaviour !

[slavanossar]

Was also experiencing this, looking at the typings shows the different ways to pass parameters to useAsyncQuery

type TQuery<T> = QueryOptions<OperationVariables, T>['query'];
type TVariables<T> = QueryOptions<OperationVariables, T>['variables'];
type TAsyncQuery<T> = {
    query: TQuery<T>;
    variables?: TVariables<T>;
    key?: string;
    cache?: boolean;
    clientId?: string;
};
export declare function useAsyncQuery<T>(opts: TAsyncQuery<T>): AsyncData<T, Error>;
export declare function useAsyncQuery<T>(query: TQuery<T>, clientId?: string): AsyncData<T, Error>;
export declare function useAsyncQuery<T>(query: TQuery<T>, variables?: TVariables<T>, clientId?: string): AsyncData<T, Error>;

So for the following

const { data } = useAsyncQuery<MyQueryType>(
  MyQueryDocument,
  {
    someVariable: 'abc',
  },
  'myApolloClient'
)

you can rewrite it as

const { data } = useAsyncQuery<MyQueryType>({
  query: MyQueryDocument,
  variables: {
    someVariable: 'abc',
  },
  clientId: 'myApolloClient'
})

and it will work correctly.