Nuxt 3 error : Directory import react-query core is not supported resolving ES modules

Hello, I’m trying to migrate an app to Nuxt 3 and I’m encountering this error while running nuxt generate : I know the support is experimental at this stage, and I’m unsure if this is a Nuxt issue or a Vue query issue.

The pre-rendering server is doing something like this :

import * as core from 'react-query/core';

// core is then referenced many times like this :

function useQuery(arg1, arg2, arg3) {
	  return useBaseQuery(core.QueryObserver, arg1, arg2, arg3);
}

If I remove react-query from my dependencies, I get a different error

[nuxt] [request error] Cannot find package 'react-query' imported from

Here’s the full Error with react-query in the deps

[nuxt] [request error] Directory import 'website-nuxt/node_modules/react-query/core' is not supported resolving ES modules imported from website-nuxt/.nuxt/prerender/chunks/app/server.mjs
Did you mean to import react-query@3.38.0/node_modules/react-query/lib/core/index.js?
  at new NodeError (node:internal/errors:372:5)  
  at finalizeResolution (node:internal/modules/esm/resolve:401:17)  
  at moduleResolve (node:internal/modules/esm/resolve:964:10)  
  at defaultResolve (node:internal/modules/esm/resolve:1173:11)  
  at ESMLoader.resolve (node:internal/modules/esm/loader:604:30)  
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:318:18)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)  
  at link (node:internal/modules/esm/module_job:78:36)

Have you managed to make Nuxt (generate) and Vue-query work together ? (The app work fine when it’s in SSR or SPA mode)

[DamianOsipiuk]

v2.0.0-alpha.5 have update vue-demi version. It should now work without additional changes.

[chris-visser]

Confirmed. Upgrading to alpha.5 fixed this issue for me