[useAsyncData] Component is already mounted, please use $fetch instead

Environment

Operating System: Darwin
Node Version: v21.1.0
Nuxt Version: 3.10.3
CLI Version: 3.10.1
Nitro Version: 2.8.1
Package Manager: yarn@4.0.2
Builder: -
User Config: experimental, debug, css, build, serverMiddleware, runtimeConfig, modules, urql, apollo, graphql-client, vite, devtools
Runtime Modules: @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxtjs/apollo@5.0.0-alpha.13, nuxt-graphql-client@0.2.33, ()
Build Modules: -

Describe the bug

As of Nuxt 3.10 using useAsyncQuery for an SSR app in , the console says:

[nuxt] [useAsyncData] Component is already mounted, please use $fetch instead. See https://nuxt.com/docs/getting-started/data-fetching

for example:

onMounted(async () => {

const input_funds = {
    id: freshStore.user.account.id,
    dt: freshStore.pageAsOfDtIso,
  };

let result_funds = await useAsyncQuery(queryFunds, input_funds);

Expected behaviour

No warning, or a suggested approach to address since the docs still say best to use useAsyncData in the setup of an SSR app.

Have noted this:

https://github.com/nuxt/nuxt/discussions/25602

Reproduction

No response

Additional context

Hope this is the right place for this vs nuxt.

Logs