@tanstack/react-query-devtools 4.29.22 → 4.29.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "4.29.22",
+  "version": "4.29.25",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -46,7 +46,7 @@
     "react-dom": "^18.2.0",
     "react-dom-17": "npm:react-dom@^17.0.2",
     "react-error-boundary": "^3.1.4",
-    "@tanstack/react-query": "4.29.22"
+    "@tanstack/react-query": "4.29.25"
   },
   "dependencies": {
     "@tanstack/match-sorter-utils": "^8.7.0",
@@ -56,7 +56,7 @@
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "@tanstack/react-query": "4.29.22"
+    "@tanstack/react-query": "4.29.25"
   },
   "scripts": {
     "clean": "rimraf ./build",

package/src/Explorer.tsx

@@ -1,8 +1,8 @@
 'use client'
 import * as React from 'react'
 
-import { displayValue, styled } from './utils'
 import superjson from 'superjson'
+import { displayValue, styled } from './utils'
 
 export const Entry = styled('div', {
   fontFamily: 'Menlo, monospace',

package/src/__tests__/Explorer.test.tsx

@@ -1,7 +1,7 @@
-import { fireEvent, render, screen, act } from '@testing-library/react'
+import { act, fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
 
-import { chunkArray, CopyButton, DefaultRenderer } from '../Explorer'
+import { CopyButton, DefaultRenderer, chunkArray } from '../Explorer'
 import { displayValue } from '../utils'
 
 describe('Explorer', () => {

package/src/__tests__/devtools.test.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react'
-import { fireEvent, screen, waitFor, act } from '@testing-library/react'
+import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { ErrorBoundary } from 'react-error-boundary'
 import '@testing-library/jest-dom'
-import type { QueryClient } from '@tanstack/react-query'
 import { useQuery } from '@tanstack/react-query'
+import UserEvent from '@testing-library/user-event'
 import { defaultPanelSize, sortFns } from '../utils'
 import {
+  createQueryClient,
   getByTextContent,
   renderWithClient,
   sleep,
-  createQueryClient,
 } from './utils'
-import UserEvent from '@testing-library/user-event'
+import type { QueryClient } from '@tanstack/react-query'
 
 // TODO: This should be removed with the types for react-error-boundary get updated.
 declare module 'react-error-boundary' {

package/src/__tests__/utils.tsx

@@ -1,12 +1,11 @@
-import { render, type RenderOptions } from '@testing-library/react'
+import { type RenderOptions, render } from '@testing-library/react'
 import * as React from 'react'
-import { ReactQueryDevtools } from '../devtools'
-
 import {
+  QueryCache,
   QueryClient,
   QueryClientProvider,
-  QueryCache,
 } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '../devtools'
 
 export function renderWithClient(
   client: QueryClient,

package/src/devtools.tsx

@@ -1,48 +1,48 @@
 'use client'
 import * as React from 'react'
-import { useSyncExternalStore } from './useSyncExternalStore'
-import type {
-  QueryCache,
-  QueryClient,
-  QueryKey as QueryKeyType,
-  ContextOptions,
-  Query,
-} from '@tanstack/react-query'
 import {
-  useQueryClient,
-  onlineManager,
   notifyManager,
+  onlineManager,
+  useQueryClient,
 } from '@tanstack/react-query'
 import { rankItem } from '@tanstack/match-sorter-utils'
+import { useMemo } from 'react'
+import { useSyncExternalStore } from './useSyncExternalStore'
 import useLocalStorage from './useLocalStorage'
 import {
+  defaultPanelSize,
+  displayValue,
+  getResizeHandleStyle,
+  getSidePanelStyle,
+  getSidedProp,
   isVerticalSide,
+  minPanelSize,
   sortFns,
   useIsMounted,
-  getSidePanelStyle,
-  minPanelSize,
-  getResizeHandleStyle,
-  getSidedProp,
-  defaultPanelSize,
-  displayValue,
 } from './utils'
-import type { Corner, Side } from './utils'
 import {
-  Panel,
-  QueryKeys,
-  QueryKey,
+  ActiveQueryPanel,
   Button,
   Code,
   Input,
+  Panel,
+  QueryKey,
+  QueryKeys,
   Select,
-  ActiveQueryPanel,
 } from './styledComponents'
 import ScreenReader from './screenreader'
 import { ThemeProvider, defaultTheme as theme } from './theme'
-import { getQueryStatusLabel, getQueryStatusColor } from './utils'
+import { getQueryStatusColor, getQueryStatusLabel } from './utils'
 import Explorer from './Explorer'
 import Logo from './Logo'
-import { useMemo } from 'react'
+import type { Corner, Side } from './utils'
+import type {
+  ContextOptions,
+  Query,
+  QueryCache,
+  QueryClient,
+  QueryKey as QueryKeyType,
+} from '@tanstack/react-query'
 
 export interface DevToolsErrorType {
   /**

package/src/utils.ts

@@ -1,10 +1,10 @@
 import * as React from 'react'
-import type { Query } from '@tanstack/react-query'
 import SuperJSON from 'superjson'
 
-import type { Theme } from './theme'
 import { useTheme } from './theme'
 import useMediaQuery from './useMediaQuery'
+import type { Theme } from './theme'
+import type { Query } from '@tanstack/react-query'
 
 type StyledComponent<T> = T extends 'button'
   ? React.DetailedHTMLProps<