@tanstack/query-devtools 5.101.1 → 5.101.2

package/build/DevtoolsComponent/{I4EE2JD6.js → SO26Z5QU.js}

@@ -1,5 +1,5 @@
-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/WLGSOJG7.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.js';
+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/OJ5GAW4I.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/M4GWWVAC.js';
 
 // src/DevtoolsComponent.tsx
 var DevtoolsComponent = (props) => {

package/build/DevtoolsComponent/{KX7FEU5Y.js → ZXV6FBN7.js}

@@ -1,5 +1,5 @@
-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/B5IE7ZLN.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.js';
+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/RQBHRHJL.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/ZCXR2IAF.js';
 
 // src/DevtoolsComponent.tsx
 var DevtoolsComponent = (props) => {

package/build/DevtoolsPanelComponent/{C2NHY6T5.js → MO2VZFYH.js}

@@ -1,5 +1,5 @@
-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/WLGSOJG7.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.js';
+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/RQBHRHJL.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/ZCXR2IAF.js';
 
 // src/DevtoolsPanelComponent.tsx
 var DevtoolsPanelComponent = (props) => {

package/build/DevtoolsPanelComponent/{RTO6RD2J.js → MYKLHYJZ.js}

@@ -1,5 +1,5 @@
-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/B5IE7ZLN.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.js';
+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/OJ5GAW4I.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/M4GWWVAC.js';
 
 // src/DevtoolsPanelComponent.tsx
 var DevtoolsPanelComponent = (props) => {

package/build/chunk/{RJYFHVWH.js → M4GWWVAC.js}

@@ -2776,7 +2776,10 @@ var displayValue = (value, beautify = false) => {
 };
 var getStatusRank = (q) => q.state.fetchStatus !== "idle" ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
 var queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
-var dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+var dateSort = (a, b) => {
+  const diff = b.state.dataUpdatedAt - a.state.dataUpdatedAt;
+  return diff < 0 ? -1 : diff > 0 ? 1 : 0;
+};
 var statusAndDateSort = (a, b) => {
   if (getStatusRank(a) === getStatusRank(b)) {
     return dateSort(a, b);
@@ -2898,18 +2901,15 @@ var deleteNestedDataByPath = (oldData, deletePath) => {
 };
 var setupStyleSheet = (nonce, target) => {
   if (!nonce) return;
-  const styleExists = document.querySelector("#_goober") || target?.querySelector("#_goober");
-  if (styleExists) return;
+  window.__nonce__ = nonce;
+  const root = target ?? document.head;
+  if (root.querySelector("#_goober")) return;
   const styleTag = document.createElement("style");
   const textNode = document.createTextNode("");
   styleTag.appendChild(textNode);
   styleTag.id = "_goober";
   styleTag.setAttribute("nonce", nonce);
-  if (target) {
-    target.appendChild(styleTag);
-  } else {
-    document.head.appendChild(styleTag);
-  }
+  root.appendChild(styleTag);
 };
 
 export { $TRACK, DEV, Dynamic, For, Index, Match, Portal, Show, Switch, addEventListener, batch, className, clearDelegatedEvents, convertRemToPixels, createComponent, createComputed, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, createUniqueId, delegateEvents, deleteNestedDataByPath, displayValue, getMutationStatusColor, getOwner, getPreferredColorScheme, getQueryStatusColor, getQueryStatusColorByLabel, getQueryStatusLabel, getSidedProp, insert, isServer, lazy, memo, mergeProps, mutationSortFns, on, onCleanup, onMount, render, serialize, setAttribute, setStyleProperty, setupStyleSheet, sortFns, splitProps, spread, stringify, template, untrack, updateNestedDataByPath, use, useContext, useTransition };

package/build/chunk/{WLGSOJG7.js → OJ5GAW4I.js}

@@ -1,4 +1,4 @@
-import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './RJYFHVWH.js';
+import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './M4GWWVAC.js';
 
 // ../../node_modules/.pnpm/@solid-primitives+utils@6.4.0_solid-js@1.9.12/node_modules/@solid-primitives/utils/dist/index.js
 var isClient = !isServer;
@@ -306,6 +306,7 @@ var PiPProvider = (props) => {
     const w = pipWindow();
     if (w != null) {
       w.close();
+      props.setLocalStore("pip_open", "false");
       setPipWindow(null);
     }
   };
@@ -10386,7 +10387,7 @@ var ContentView = (props) => {
                   get children() {
                     return [createComponent(dropdown_menu_exports.SubTrigger, {
                       get ["class"]() {
-                        return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
+                        return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-theme");
                       },
                       get children() {
                         return [_tmpl$152(), createComponent(ChevronDown, {})];
@@ -11703,6 +11704,8 @@ var stylesFactory2 = (theme, css) => {
         right: -8px;
         bottom: -8px;
         border-radius: 9999px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
 
         & svg {
           position: absolute;

package/build/chunk/{B5IE7ZLN.js → RQBHRHJL.js}

@@ -1,4 +1,4 @@
-import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './LLLYVUVC.js';
+import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './ZCXR2IAF.js';
 
 // ../../node_modules/.pnpm/@solid-primitives+utils@6.4.0_solid-js@1.9.12/node_modules/@solid-primitives/utils/dist/index.js
 var isClient = !isServer;
@@ -306,6 +306,7 @@ var PiPProvider = (props) => {
     const w = pipWindow();
     if (w != null) {
       w.close();
+      props.setLocalStore("pip_open", "false");
       setPipWindow(null);
     }
   };
@@ -10384,7 +10385,7 @@ var ContentView = (props) => {
                   get children() {
                     return [createComponent(dropdown_menu_exports.SubTrigger, {
                       get ["class"]() {
-                        return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
+                        return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-theme");
                       },
                       get children() {
                         return [_tmpl$152(), createComponent(ChevronDown, {})];
@@ -11701,6 +11702,8 @@ var stylesFactory2 = (theme, css) => {
         right: -8px;
         bottom: -8px;
         border-radius: 9999px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
 
         & svg {
           position: absolute;

package/build/chunk/{LLLYVUVC.js → ZCXR2IAF.js}

@@ -2775,7 +2775,10 @@ var displayValue = (value, beautify = false) => {
 };
 var getStatusRank = (q) => q.state.fetchStatus !== "idle" ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
 var queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
-var dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+var dateSort = (a, b) => {
+  const diff = b.state.dataUpdatedAt - a.state.dataUpdatedAt;
+  return diff < 0 ? -1 : diff > 0 ? 1 : 0;
+};
 var statusAndDateSort = (a, b) => {
   if (getStatusRank(a) === getStatusRank(b)) {
     return dateSort(a, b);
@@ -2897,18 +2900,15 @@ var deleteNestedDataByPath = (oldData, deletePath) => {
 };
 var setupStyleSheet = (nonce, target) => {
   if (!nonce) return;
-  const styleExists = document.querySelector("#_goober") || target?.querySelector("#_goober");
-  if (styleExists) return;
+  window.__nonce__ = nonce;
+  const root = target ?? document.head;
+  if (root.querySelector("#_goober")) return;
   const styleTag = document.createElement("style");
   const textNode = document.createTextNode("");
   styleTag.appendChild(textNode);
   styleTag.id = "_goober";
   styleTag.setAttribute("nonce", nonce);
-  if (target) {
-    target.appendChild(styleTag);
-  } else {
-    document.head.appendChild(styleTag);
-  }
+  root.appendChild(styleTag);
 };
 
 export { $TRACK, DEV, Dynamic, For, Index, Match, Portal, Show, Switch, addEventListener, batch, className, clearDelegatedEvents, convertRemToPixels, createComponent, createComputed, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, createUniqueId, delegateEvents, deleteNestedDataByPath, displayValue, getMutationStatusColor, getOwner, getPreferredColorScheme, getQueryStatusColor, getQueryStatusColorByLabel, getQueryStatusLabel, getSidedProp, insert, isServer, lazy, memo, mergeProps, mutationSortFns, on, onCleanup, onMount, render, serialize, setAttribute, setStyleProperty, setupStyleSheet, sortFns, splitProps, spread, stringify, template, untrack, updateNestedDataByPath, use, useContext, useTransition };

package/build/dev.cjs

@@ -2903,7 +2903,10 @@ var init_utils = __esm({
     };
     getStatusRank = (q) => q.state.fetchStatus !== "idle" ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
     queryHashSort = (a2, b2) => a2.queryHash.localeCompare(b2.queryHash);
-    dateSort = (a2, b2) => a2.state.dataUpdatedAt < b2.state.dataUpdatedAt ? 1 : -1;
+    dateSort = (a2, b2) => {
+      const diff = b2.state.dataUpdatedAt - a2.state.dataUpdatedAt;
+      return diff < 0 ? -1 : diff > 0 ? 1 : 0;
+    };
     statusAndDateSort = (a2, b2) => {
       if (getStatusRank(a2) === getStatusRank(b2)) {
         return dateSort(a2, b2);
@@ -3025,18 +3028,15 @@ var init_utils = __esm({
     };
     setupStyleSheet = (nonce, target) => {
       if (!nonce) return;
-      const styleExists = document.querySelector("#_goober") || target?.querySelector("#_goober");
-      if (styleExists) return;
+      window.__nonce__ = nonce;
+      const root = target ?? document.head;
+      if (root.querySelector("#_goober")) return;
       const styleTag = document.createElement("style");
       const textNode = document.createTextNode("");
       styleTag.appendChild(textNode);
       styleTag.id = "_goober";
       styleTag.setAttribute("nonce", nonce);
-      if (target) {
-        target.appendChild(styleTag);
-      } else {
-        document.head.appendChild(styleTag);
-      }
+      root.appendChild(styleTag);
     };
   }
 });
@@ -12359,6 +12359,7 @@ var init_PiPContext = __esm({
         const w = pipWindow();
         if (w != null) {
           w.close();
+          props.setLocalStore("pip_open", "false");
           setPipWindow(null);
         }
       };
@@ -14032,7 +14033,7 @@ var init_Devtools = __esm({
                       get children() {
                         return [createComponent(dropdown_menu_exports.SubTrigger, {
                           get ["class"]() {
-                            return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
+                            return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-theme");
                           },
                           get children() {
                             return [_tmpl$152(), createComponent(ChevronDown, {})];
@@ -15349,6 +15350,8 @@ var init_Devtools = __esm({
         right: -8px;
         bottom: -8px;
         border-radius: 9999px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
 
         & svg {
           position: absolute;

package/build/dev.js

@@ -1,4 +1,4 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/RJYFHVWH.js';
+import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/M4GWWVAC.js';
 
 // src/TanstackQueryDevtools.tsx
 var TanstackQueryDevtools = class {
@@ -80,7 +80,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/I4EE2JD6.js'));
+        Devtools = lazy(() => import('./DevtoolsComponent/SO26Z5QU.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -220,7 +220,7 @@ var TanstackQueryDevtoolsPanel = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/C2NHY6T5.js'));
+        Devtools = lazy(() => import('./DevtoolsPanelComponent/MYKLHYJZ.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/build/index.cjs

@@ -2902,7 +2902,10 @@ var init_utils = __esm({
     };
     getStatusRank = (q) => q.state.fetchStatus !== "idle" ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
     queryHashSort = (a2, b2) => a2.queryHash.localeCompare(b2.queryHash);
-    dateSort = (a2, b2) => a2.state.dataUpdatedAt < b2.state.dataUpdatedAt ? 1 : -1;
+    dateSort = (a2, b2) => {
+      const diff = b2.state.dataUpdatedAt - a2.state.dataUpdatedAt;
+      return diff < 0 ? -1 : diff > 0 ? 1 : 0;
+    };
     statusAndDateSort = (a2, b2) => {
       if (getStatusRank(a2) === getStatusRank(b2)) {
         return dateSort(a2, b2);
@@ -3024,18 +3027,15 @@ var init_utils = __esm({
     };
     setupStyleSheet = (nonce, target) => {
       if (!nonce) return;
-      const styleExists = document.querySelector("#_goober") || target?.querySelector("#_goober");
-      if (styleExists) return;
+      window.__nonce__ = nonce;
+      const root = target ?? document.head;
+      if (root.querySelector("#_goober")) return;
       const styleTag = document.createElement("style");
       const textNode = document.createTextNode("");
       styleTag.appendChild(textNode);
       styleTag.id = "_goober";
       styleTag.setAttribute("nonce", nonce);
-      if (target) {
-        target.appendChild(styleTag);
-      } else {
-        document.head.appendChild(styleTag);
-      }
+      root.appendChild(styleTag);
     };
   }
 });
@@ -12358,6 +12358,7 @@ var init_PiPContext = __esm({
         const w = pipWindow();
         if (w != null) {
           w.close();
+          props.setLocalStore("pip_open", "false");
           setPipWindow(null);
         }
       };
@@ -14029,7 +14030,7 @@ var init_Devtools = __esm({
                       get children() {
                         return [createComponent(dropdown_menu_exports.SubTrigger, {
                           get ["class"]() {
-                            return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
+                            return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-theme");
                           },
                           get children() {
                             return [_tmpl$152(), createComponent(ChevronDown, {})];
@@ -15346,6 +15347,8 @@ var init_Devtools = __esm({
         right: -8px;
         bottom: -8px;
         border-radius: 9999px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
 
         & svg {
           position: absolute;

package/build/index.js

@@ -1,4 +1,4 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/LLLYVUVC.js';
+import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/ZCXR2IAF.js';
 
 // src/TanstackQueryDevtools.tsx
 var TanstackQueryDevtools = class {
@@ -80,7 +80,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/KX7FEU5Y.js'));
+        Devtools = lazy(() => import('./DevtoolsComponent/ZXV6FBN7.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -220,7 +220,7 @@ var TanstackQueryDevtoolsPanel = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/RTO6RD2J.js'));
+        Devtools = lazy(() => import('./DevtoolsPanelComponent/MO2VZFYH.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.101.1",
+  "version": "5.101.2",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -58,7 +58,7 @@
     "superjson": "^2.2.2",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.11.6",
-    "@tanstack/query-core": "5.101.1"
+    "@tanstack/query-core": "5.101.2"
   },
   "scripts": {
     "clean": "premove ./build ./coverage ./dist-ts",

package/src/Devtools.tsx

@@ -1192,7 +1192,7 @@ export const ContentView: Component<ContentViewProps> = (props) => {
                       class={cx(
                         styles().settingsSubTrigger,
                         'tsqd-settings-menu-sub-trigger',
-                        'tsqd-settings-menu-sub-trigger-position',
+                        'tsqd-settings-menu-sub-trigger-theme',
                       )}
                     >
                       <span>Theme</span>
@@ -2745,6 +2745,8 @@ const stylesFactory = (
         right: -8px;
         bottom: -8px;
         border-radius: 9999px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
 
         & svg {
           position: absolute;

package/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)
     }
   }

package/src/utils.tsx

@@ -101,8 +101,10 @@ const getStatusRank = (q: Query) =>
 
 const queryHashSort: SortFn = (a, b) => a.queryHash.localeCompare(b.queryHash)
 
-const dateSort: SortFn = (a, b) =>
-  a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1
+const dateSort: SortFn = (a, b) => {
+  const diff = b.state.dataUpdatedAt - a.state.dataUpdatedAt
+  return diff < 0 ? -1 : diff > 0 ? 1 : 0
+}
 
 const statusAndDateSort: SortFn = (a, b) => {
   if (getStatusRank(a) === getStatusRank(b)) {
@@ -305,19 +307,18 @@ export const deleteNestedDataByPath = (
 // Sets up the goober stylesheet
 // Adds a nonce to the style tag if needed
 export const setupStyleSheet = (nonce?: string, target?: ShadowRoot) => {
-  if (!nonce) return
-  const styleExists =
-    document.querySelector('#_goober') || target?.querySelector('#_goober')
-
-  if (styleExists) return
+  if (!nonce)
+    return // Goober reads window.__nonce__ every time it creates or accesses its style
+    // element (el.nonce = window.__nonce__). Without this, goober overwrites the
+    // nonce we set on the pre-created element with undefined, clearing it.
+  ;(window as any).__nonce__ = nonce
+
+  const root = target ?? document.head
+  if (root.querySelector('#_goober')) return
   const styleTag = document.createElement('style')
   const textNode = document.createTextNode('')
   styleTag.appendChild(textNode)
   styleTag.id = '_goober'
   styleTag.setAttribute('nonce', nonce)
-  if (target) {
-    target.appendChild(styleTag)
-  } else {
-    document.head.appendChild(styleTag)
-  }
+  root.appendChild(styleTag)
 }