JSON parse/stringify cache data in queries to avoid serialization err…

…or (#1481)

* json parse/stringify cache data in queries to avoid serialization error

* Add changeset

.changeset/little-otters-listen.md

@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Fix issue serializing cache data for the queries tab when the cache contains irregular data.

src/extension/tab/helpers.ts

@@ -15,6 +15,7 @@ import { getPrivateAccess } from "../../privateAccess";
 import { getOperationName } from "@apollo/client/utilities";
 import { pick } from "../../application/utilities/pick";
 import type { GraphQLFormattedError } from "graphql";
+import type { JSONObject } from "../../application/types/json";
 
 export type QueryOptions = Pick<
   WatchQueryOptions,
@@ -84,7 +85,7 @@ export function getQueries(
         id: queryId,
         document,
         variables,
-        cachedData: diff.result,
+        cachedData: JSON.parse(JSON.stringify(diff.result ?? {})) as JSONObject,
         options: getQueryOptions(oc),
         networkStatus,
         error: error ? serializeApolloError(error) : undefined,