ci: apply automated fixes

Author: autofix-ci[bot]

packages/query-devtools/src/Devtools.tsx

@@ -51,7 +51,13 @@ import {
   XCircle,
 } from './icons'
 import Explorer from './Explorer'
-import { DevtoolsStateContext, useDevtoolsState, usePiPWindow, useQueryDevtoolsContext, useTheme } from './contexts'
+import {
+  DevtoolsStateContext,
+  useDevtoolsState,
+  usePiPWindow,
+  useQueryDevtoolsContext,
+  useTheme,
+} from './contexts'
 import {
   BUTTON_POSITION,
   DEFAULT_HEIGHT,
@@ -106,8 +112,12 @@ export type DevtoolsComponentType = Component<QueryDevtoolsProps> & {
 }
 
 export const Devtools: Component<DevtoolsPanelProps> = (props) => {
-  const [selectedQueryHash, setSelectedQueryHash] = createSignal<string | null>(null)
-  const [selectedMutationId, setSelectedMutationId] = createSignal<number | null>(null)
+  const [selectedQueryHash, setSelectedQueryHash] = createSignal<string | null>(
+    null,
+  )
+  const [selectedMutationId, setSelectedMutationId] = createSignal<
+    number | null
+  >(null)
   const [panelWidth, setPanelWidth] = createSignal(0)
   const [offline, setOffline] = createSignal(false)
   const queryCacheMap: QueryCacheMap = new Map()
@@ -193,7 +203,20 @@ export const Devtools: Component<DevtoolsPanelProps> = (props) => {
   )
 
   return (
-    <DevtoolsStateContext.Provider value={{ selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, offline, setOffline, queryCacheMap, mutationCacheMap }}>
+    <DevtoolsStateContext.Provider
+      value={{
+        selectedQueryHash,
+        setSelectedQueryHash,
+        selectedMutationId,
+        setSelectedMutationId,
+        panelWidth,
+        setPanelWidth,
+        offline,
+        setOffline,
+        queryCacheMap,
+        mutationCacheMap,
+      }}
+    >
       <Show when={pip().pipWindow && pip_open() == 'true'}>
         <Portal mount={pip().pipWindow?.document.body}>
           <PiPPanel>
@@ -693,7 +716,14 @@ export const ContentView: Component<ContentViewProps> = (props) => {
     'queries',
   )
 
-  const { selectedQueryHash, offline, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth } = useDevtoolsState()
+  const {
+    selectedQueryHash,
+    offline,
+    setSelectedQueryHash,
+    selectedMutationId,
+    setSelectedMutationId,
+    panelWidth,
+  } = useDevtoolsState()
 
   const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME)
   const sortOrder = createMemo(
@@ -1390,7 +1420,6 @@ const QueryRow: Component<{ query: Query }> = (props) => {
   const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light)
   const { selectedQueryHash, setSelectedQueryHash } = useDevtoolsState()
 
-
   const queryState = createSubscribeToQueryCacheBatcher(
     (queryCache) =>
       queryCache().find({
@@ -1522,7 +1551,6 @@ const MutationRow: Component<{ mutation: Mutation }> = (props) => {
 
   const { selectedMutationId, setSelectedMutationId } = useDevtoolsState()
 
-
   const mutationState = createSubscribeToMutationCacheBatcher(
     (mutationCache) => {
       const mutations = mutationCache().getAll()

packages/query-devtools/src/DevtoolsPanelComponent.tsx

@@ -3,7 +3,12 @@ import { createMemo, createSignal } from 'solid-js'
 import { ContentView, ParentPanel } from './Devtools'
 import { getPreferredColorScheme } from './utils'
 import { THEME_PREFERENCE } from './constants'
-import { DevtoolsStateContext, PiPProvider, QueryDevtoolsContext, ThemeContext } from './contexts'
+import {
+  DevtoolsStateContext,
+  PiPProvider,
+  QueryDevtoolsContext,
+  ThemeContext,
+} from './contexts'
 import type { MutationCacheMap, QueryCacheMap, Theme } from './contexts'
 import type { DevtoolsComponentType } from './Devtools'
 
@@ -12,8 +17,12 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => {
     prefix: 'TanstackQueryDevtools',
   })
 
-  const [selectedQueryHash, setSelectedQueryHash] = createSignal<string | null>(null)
-  const [selectedMutationId, setSelectedMutationId] = createSignal<number | null>(null)
+  const [selectedQueryHash, setSelectedQueryHash] = createSignal<string | null>(
+    null,
+  )
+  const [selectedMutationId, setSelectedMutationId] = createSignal<
+    number | null
+  >(null)
   const [panelWidth, setPanelWidth] = createSignal(0)
   const [offline, setOffline] = createSignal(false)
   const queryCacheMap: QueryCacheMap = new Map()
@@ -31,13 +40,20 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => {
 
   return (
     <QueryDevtoolsContext.Provider value={props}>
-      <DevtoolsStateContext.Provider value={{
-        selectedQueryHash, setSelectedQueryHash,
-        selectedMutationId, setSelectedMutationId,
-        panelWidth, setPanelWidth,
-        offline, setOffline,
-        queryCacheMap, mutationCacheMap,
-      }}>
+      <DevtoolsStateContext.Provider
+        value={{
+          selectedQueryHash,
+          setSelectedQueryHash,
+          selectedMutationId,
+          setSelectedMutationId,
+          panelWidth,
+          setPanelWidth,
+          offline,
+          setOffline,
+          queryCacheMap,
+          mutationCacheMap,
+        }}
+      >
         <PiPProvider
           disabled
           localStore={localStore}

packages/query-devtools/src/contexts/DevtoolsStateContext.ts

@@ -1,6 +1,10 @@
-import { createContext, useContext } from "solid-js"
-import type { Accessor, Setter } from "solid-js"
-import type { MutationCache, QueryCache, QueryCacheNotifyEvent } from "@tanstack/query-core"
+import { createContext, useContext } from 'solid-js'
+import type { Accessor, Setter } from 'solid-js'
+import type {
+  MutationCache,
+  QueryCache,
+  QueryCacheNotifyEvent,
+} from '@tanstack/query-core'
 
 export type QueryCacheMapValue = {
   setter: Setter<any>
@@ -39,7 +43,9 @@ export const DevtoolsStateContext = createContext<DevtoolsState>()
 export function useDevtoolsState() {
   const context = useContext(DevtoolsStateContext)
   if (!context) {
-    throw new Error('useDevtoolsState must be used within DevtoolsStateContext.Provider')
+    throw new Error(
+      'useDevtoolsState must be used within DevtoolsStateContext.Provider',
+    )
   }
   return context
 }