diff --git a/packages/react-query-devtools/cjs.fallback.js b/packages/react-query-devtools/cjs.fallback.js
new file mode 100644
index 00000000000..5df8d8f1f15
--- /dev/null
+++ b/packages/react-query-devtools/cjs.fallback.js
@@ -0,0 +1,13 @@
+// This is the cjs fallback for bundlers that do not support exports.development conditional
+if (process.env.NODE_ENV !== 'development') {
+  module.exports = {
+    ReactQueryDevtools: function () {
+      return null
+    },
+    ReactQueryDevtoolsPanel: function () {
+      return null
+    },
+  }
+} else {
+  module.exports = require('./build/lib/index.js')
+}
diff --git a/packages/react-query-devtools/package.json b/packages/react-query-devtools/package.json
index a4030b59e8f..819cb173e0c 100644
--- a/packages/react-query-devtools/package.json
+++ b/packages/react-query-devtools/package.json
@@ -17,6 +17,7 @@
   "files": [
     "build/lib/*",
     "build/umd/*",
+    "cjs.fallback.js",
     "src"
   ],
   "exports": {
@@ -29,7 +30,7 @@
       "default": {
         "types": "./build/lib/index.d.ts",
         "import": "./build/lib/noop.mjs",
-        "default": "./build/lib/noop.js"
+        "default": "./cjs.fallback.js"
       }
     },
     "./production": {