DevTools in Production

[TimoVink]

Hi all,

Based on this line the docs:

By default, React Query Devtools are not included in production bundles when process.env.NODE_ENV === 'production', so you don't need to worry about excluding them during a production build.

I was expecting the devtools to automatically be disabled in Production builds. In practice using create-react-app and v3.2.0 of react-query with the following code:

<span>{process.env.NODE_ENV}</span>
<ReactQueryDevtools initialIsOpen={false} />

I'm seeing this:

Am I misunderstanding the documentation?

Thanks for any guidance, this is an extremely useful library!

[TkDodo]

Hmm I think we "lost" this feature when moving devtools from the dedicated repo to this repo. We had this code before:

if (process.env.NODE_ENV === 'production') {
  module.exports = {
    ReactQueryDevtools: function() {return null;},
    ReactQueryDevtoolsPanel: function() {return null;},
  }
} else {
  module.exports = require('./dist/react-query-devtools.development.js')
}

but I can't find this anywhere now. I think we need an issue, or even better, a PR to fix it :)

[tannerlinsley]

Working on it now :)

[tannerlinsley]

Pretty sure I just fixed this with the latest commit/release. Let me know if it still happens

[Belco90]

Is this fix published? I don't see any new package yet after v3.2.0

[TkDodo]

this is the fix: 5e4ef15

but it has not been released yet

[TimoVink]

I can confirm this seems to be fixed in the newly released v3.3.0. Thanks!