The error will be redacted in production builds

[yrnana]

I'm using nextjs 14 app router and tanstack query 5.40+ (no persist)

https://tanstack.com/query/v5/docs/framework/react/guides/advanced-ssr#streaming-with-server-components
I'm trying to use no-await prefetch method, but whenever I get a error from server component, I get this error message and can't get original error object anywhere.

console.error(
            `A query that was dehydrated as pending ended up rejecting. [${query.queryHash}]: ${error}; The error will be redacted in production builds`,
          )

I found comments about reason for redacted error (retry in client component),
however there are also errors that do not need to be retried because they will failed anyway (like auth token expired)

So isn't there a way to handle error content before dehydrate query.promise?
Thank you!

[TkDodo]

I think you can dehydrate the query client, which just puts it into an object. Then, you can map over the queries and transform promise yourself. Something like:

queryClient.prefetchQuery({
  queryKey: ['posts'],
  queryFn: getPosts,
})

const dehydrated = dehydrate(queryClient)

dehydrated.queries = dehydrated.queries.map(query => ...)

<HydrationBoundary state={dehydrate(queryClient)}>

[yrnana]

@TkDodo thank you for fast answer!
I tried your answer, but I got same redacted message.
Maybe catch can't be removed from promise chain, there are no way to get original error object

dehydrated.queries = dehydrated.queries.map((query) => ({
  ...query,
  promise: query.promise?.catch((reason) => {
    console.log(reason); // redacted
    return Promise.reject(reason);
  }),
}));