Vite 3: cannot import react-query devtools

[IanVS]

This may be an issue in react-query, but I attempted to update my app to vite 3 beta, and got the following error when building or running the dev server.

[ERROR] Could not resolve "./development"

    node_modules/react-query/devtools/index.js:11:27:
      11 │   module.exports = require('./development')
         ╵                            ~~~~~~~~~~~~~~~

  The "main" field here was ignored. Main fields must be configured explicitly when using the
  "neutral" platform.

    node_modules/react-query/devtools/development/package.json:3:2:
      3 │   "main": "../../lib/devtools/index.js",
        ╵   ~~~~~~

This seems to come from esbuild.

Here's the code in react-query. https://github.com/TanStack/query/blob/9f6c992feecb4694758f8767063d8ad89d842c3c/devtools/index.js

This was working fine for me in 2.9.9. Is there a change that react-query should make, or is this an esbuild-specific issue?

[patak-dev]

Here is a bug report for this #8704. @brillout I wonder if this is also what you are hitting in a lot of the deps you mentioned.
@sapphi-red it may be that some of our assumptions in #8606 weren't correct about Vite resolution taking completely over esbuild rules. Edit: Confirmed that using platform: 'browser' fixes this.

[sapphi-red]

I think we faced a bug which was previously undiscovered. We should resolve relative paths with our resolution logic for cases like this. Otherwise, resolve.mainFields and others won't be applied.

[patak-dev]

Nice! We may face a few regressions, but the neutral platform may solidify Vite's resolving.

[sapphi-red]

Linking here 👍 #8706

[brillout]

Thanks for the ping & good to know. I'm afraid the ones I hit were different from this one. I'm writing a reproduction for the most tricky issue I'm stumbling upon as we speak.

[IanVS]

Thanks, I tested out beta.2, and I no longer have the error. 👍