ci: apply automated fixes

Author: autofix-ci[bot]

examples/react/basic/src/index.tsx

@@ -1,9 +1,13 @@
 import { createRoot } from 'react-dom/client'
-import { QueryClient, QueryClientProvider, useQuery, useQueryClient } from '@tanstack/react-query'
+import {
+  QueryClient,
+  QueryClientProvider,
+  useQuery,
+  useQueryClient,
+} from '@tanstack/react-query'
 import { useState } from 'react'
 import Devtools from './setup'
 
-
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -47,9 +51,9 @@ function Posts({
                       // ones that are cached
                       queryClient.getQueryData(['post', post.id])
                         ? {
-                          fontWeight: 'bold',
-                          color: 'green',
-                        }
+                            fontWeight: 'bold',
+                            color: 'green',
+                          }
                         : {}
                     }
                   >
@@ -127,14 +131,12 @@ function App() {
 
   return (
     <div>
-      <QueryClientProvider
-        client={queryClient}
-      >
+      <QueryClientProvider client={queryClient}>
         <p>
           As you visit the posts below, you will notice them in a loading state
-          the first time you load them. However, after you return to this list and
-          click on any posts you have already visited again, you will see them
-          load instantly and background refresh right before your eyes!{' '}
+          the first time you load them. However, after you return to this list
+          and click on any posts you have already visited again, you will see
+          them load instantly and background refresh right before your eyes!{' '}
           <strong>
             (You may need to throttle your network speed to simulate longer
             loading sequences)

examples/react/basic/src/setup.tsx

@@ -1,4 +1,3 @@
-
 import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
 import {
@@ -57,7 +56,6 @@ const routeTree = rootRoute.addChildren([indexRoute, aboutRoute])
 
 const router = createRouter({ routeTree })
 
-
 export default function DevtoolsExample() {
   return (
     <>
@@ -74,7 +72,6 @@ export default function DevtoolsExample() {
         ]}
       />
       <RouterProvider router={router} />
-
     </>
   )
 }

packages/devtools/src/hooks/detached/use-check-if-still-detached.ts

@@ -15,10 +15,15 @@ export const useCheckIfStillDetached = () => {
   const context = useDevtoolsContext()
 
   const checkDetachment = (e: StorageEvent) => {
-
-    const isWindowOwner = getBooleanFromSession(TANSTACK_DEVTOOLS_DETACHED_OWNER)
+    const isWindowOwner = getBooleanFromSession(
+      TANSTACK_DEVTOOLS_DETACHED_OWNER,
+    )
     // close the window if the main panel closed it via trigger
-    if (e.key === TANSTACK_DEVTOOLS_IS_DETACHED && e.newValue === "false" && !isWindowOwner) {
+    if (
+      e.key === TANSTACK_DEVTOOLS_IS_DETACHED &&
+      e.newValue === 'false' &&
+      !isWindowOwner
+    ) {
       window.close()
     }
     // We only care about the should_check key