@tanstack/query-devtools 5.0.0-alpha.47 → 5.0.0-alpha.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.0.0-alpha.47",
+  "version": "5.0.0-alpha.49",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",

package/src/Explorer.tsx

@@ -1,5 +1,5 @@
 import { displayValue } from './utils'
-import superjson from 'superjson'
+import * as superjson from 'superjson'
 import { css, cx } from '@emotion/css'
 import { tokens } from './theme'
 import { createMemo, createSignal, Index, Match, Show, Switch } from 'solid-js'

package/src/utils.tsx

@@ -1,5 +1,5 @@
 import type { Query } from '@tanstack/query-core'
-import SuperJSON from 'superjson'
+import * as superjson from 'superjson'
 
 export function getQueryStatusLabel(query: Query) {
   return query.state.fetchStatus === 'fetching'
@@ -60,7 +60,7 @@ export function getQueryStatusColorByLabel(label: IQueryStatusLabel) {
  * @param {boolean} beautify Formats json to multiline
  */
 export const displayValue = (value: unknown, beautify: boolean = false) => {
-  const { json } = SuperJSON.serialize(value)
+  const { json } = superjson.serialize(value)
 
   return JSON.stringify(json, null, beautify ? 2 : undefined)
 }