diff --git a/docs/react/devtools.md b/docs/react/devtools.md
index dc220ac62e..7943a11fc8 100644
--- a/docs/react/devtools.md
+++ b/docs/react/devtools.md
@@ -78,7 +78,7 @@ import { Example } from './Example'
 const queryClient = new QueryClient()
 
 const ReactQueryDevtoolsProduction = React.lazy(() =>
-  import('@tanstack/react-query-devtools/build/lib/index.prod.js').then(
+  import('@tanstack/react-query-devtools/build/modern/production.js').then(
     (d) => ({
       default: d.ReactQueryDevtools,
     }),
diff --git a/packages/react-query-devtools/package.json b/packages/react-query-devtools/package.json
index 5f98ebdc77..05cb0fc3e5 100644
--- a/packages/react-query-devtools/package.json
+++ b/packages/react-query-devtools/package.json
@@ -39,6 +39,16 @@
         "default": "./build/modern/production.cjs"
       }
     },
+    "./build/modern/production.js": {
+      "import": {
+        "types": "./build/modern/production.d.ts",
+        "default": "./build/modern/production.js"
+      },
+      "require": {
+        "types": "./build/modern/production.d.cts",
+        "default": "./build/modern/production.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,