fix(react-query-devtools): only export devtools in development mode

finally

Author: TkDodo

package.json

@@ -15,6 +15,7 @@
     "test:jest:dev": "jest --config ./jest.config.ts --watch",
     "test:size": "npm run build && bundlewatch",
     "build": "rollup --config rollup.config.js && npm run typecheck",
+    "postbuild": "cp ./packages/react-query-devtools/src/noop.ts ./packages/react-query-devtools/build/esm/noop.js",
     "typecheck": "tsc -b",
     "watch": "concurrently --kill-others \"rollup --config rollup.config.js -w\" \"npm run typecheck -- --watch\" \"npm run test\"",
     "linkAll": "lerna exec 'npm run link' --parallel",

packages/react-query-devtools/package.json

@@ -10,13 +10,20 @@
     "type": "github",
     "url": "https://github.com/sponsors/tannerlinsley"
   },
+  "module": "build/esm/index.js",
   "main": "build/cjs/packages/react-query-devtools/src/index.js",
   "browser": "build/umd/index.production.js",
   "types": "build/types/react-query-devtools/src/index.d.ts",
   "files": [
     "build/*",
     "src"
   ],
+  "exports": {
+    "development": {
+      "default": "./build/esm/index.js"
+    },
+    "default": "./build/esm/noop.js"
+  },
   "scripts": {
     "test:eslint": "../../node_modules/.bin/eslint --ext .ts,.tsx ./src",
     "compile": "../../node_modules/.bin/tsc -p tsconfig.json --noEmit --emitDeclarationOnly false"

packages/react-query-devtools/src/index.ts

@@ -1,12 +1 @@
-if (process.env.NODE_ENV !== 'development') {
-  module.exports = {
-    ReactQueryDevtools: function () {
-      return null
-    },
-    ReactQueryDevtoolsPanel: function () {
-      return null
-    },
-  }
-} else {
-  module.exports = require('./devtools')
-}
+export * from './devtools'