fix(query-devtools/PiPContext): reset 'pip_open' in 'localStore' from 'closePipWindow' so the auto-open createEffect does not reopen the window after a programmatic close (#10813)

Author: sukvvon

.changeset/devtools-close-pip-window-localstorage.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/query-devtools': patch
+---
+
+fix(query-devtools/PiPContext): reset 'pip_open' in 'localStore' from 'closePipWindow' so the auto-open createEffect does not reopen the window after a programmatic close

packages/query-devtools/src/__tests__/contexts/PiPContext.test.tsx

@@ -312,6 +312,22 @@ describe('PiPContext', () => {
 
       expect(fakeWindow.close).toHaveBeenCalledTimes(1)
     })
+
+    it('should reset "pip_open" in "localStore" so the auto-open createEffect does not reopen the window', () => {
+      stubPipWindow()
+
+      renderAndAct(
+        (pip) => {
+          pip().requestPipWindow(640, 480)
+          pip().closePipWindow()
+        },
+        { disabled: true },
+      )
+
+      expect(localStorage.getItem('TanstackQueryDevtools.pip_open')).toBe(
+        'false',
+      )
+    })
   })
 
   describe('"pip_open" auto-open createEffect', () => {

packages/query-devtools/src/contexts/PiPContext.tsx

@@ -41,6 +41,7 @@ export const PiPProvider = (props: PiPProviderProps) => {
     const w = pipWindow()
     if (w != null) {
       w.close()
+      props.setLocalStore('pip_open', 'false')
       setPipWindow(null)
     }
   }