Error displays as an empty object

When my query function throws an error, the devtools displays it as an empty object. I would expect it to display the message and maybe stack string properties that the object contains.

If I throw a custom error with additional properties, such as status, it shows up just fine in the devtools. So it seems to only be the default error properties that are not being shown.

[TkDodo]

yeah let’s reopen this and fix it for v4. We initially only used JSON.stringify to display the values, but lots of things (Error included) is not json serializable. That’s why an object works, but an Error instance does not. Now, we have a custom function that serializes BigInt differently already:

https://github.com/TanStack/query/blob/1b918c2e8897e970a471624f7f075026db24e15b/packages/react-query-devtools/src/utils.ts#L117-L126

My idea would be to just use superjson here to cover all cases.

[TkDodo]

Replacing JSON.stringify with SuperJSON.stringify outputs:

I think we can do:

const { json, meta } = superjson.serialize(value)

and then just ignore the meta ?

https://github.com/blitz-js/superjson#advanced-usage