@tanstack/react-query-devtools 5.0.0-alpha.0 → 5.0.0-alpha.2

package/build/umd/index.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.production.js","sources":["../../src/index.ts"],"sourcesContent":["import * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n\nexport const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? (function () {\n        return null\n      } as any)\n    : devtools.ReactQueryDevtoolsPanel\n"],"names":[],"mappings":"+QAIM,WACE,OAAO,gCAMR,WACC,OAAO"}
+{"version":3,"file":"index.production.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n\nexport const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? (function () {\n        return null\n      } as any)\n    : devtools.ReactQueryDevtoolsPanel\n"],"names":[],"mappings":"+QAMM,WACE,OAAO,gCAMR,WACC,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.2",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",
-    "@tanstack/react-query": "5.0.0-alpha.0"
+    "@tanstack/react-query": "5.0.0-alpha.2"
   },
   "dependencies": {
     "@tanstack/match-sorter-utils": "^8.7.0",
@@ -52,7 +52,7 @@
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@tanstack/react-query": "5.0.0-alpha.0"
+    "@tanstack/react-query": "5.0.0-alpha.2"
   },
   "scripts": {
     "clean": "rimraf ./build",

package/src/__tests__/devtools.test.tsx

@@ -720,9 +720,9 @@ describe('ReactQueryDevtools', () => {
       initialIsOpen: true,
     })
 
-    const positionSelect = (await screen.findByLabelText(
+    const positionSelect: HTMLSelectElement = await screen.findByLabelText(
       'Panel position',
-    )) as HTMLSelectElement
+    )
 
     expect(positionSelect.value).toBe('bottom')
   })
@@ -748,9 +748,9 @@ describe('ReactQueryDevtools', () => {
       panelPosition: 'left',
     })
 
-    const positionSelect = (await screen.findByLabelText(
+    const positionSelect: HTMLSelectElement = await screen.findByLabelText(
       'Panel position',
-    )) as HTMLSelectElement
+    )
 
     expect(positionSelect.value).toBe('left')
 
@@ -783,9 +783,9 @@ describe('ReactQueryDevtools', () => {
       initialIsOpen: true,
     })
 
-    const positionSelect = (await screen.findByLabelText(
+    const positionSelect: HTMLSelectElement = await screen.findByLabelText(
       'Panel position',
-    )) as HTMLSelectElement
+    )
 
     expect(positionSelect.value).toBe('bottom')
 

package/src/devtools.tsx

@@ -842,7 +842,7 @@ const ActiveQuery = ({
           style={{
             marginBottom: '.5em',
             display: 'flex',
-            alignItems: 'stretch',
+            alignItems: 'flex-start',
             justifyContent: 'space-between',
           }}
         >

package/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import * as devtools from './devtools'
 
 export const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =