Does DevTool support ServerFn call debugging?

[AuroraTea]

Hello everyone, I have a quick question: does the current TanStack DevTool support viewing and debugging full details of ServerFn RPC calls?

When developing with TanStack Start, I found the payload and response of ServerFn requests in the browser's Network panel are all serialized. I can't intuitively check the original input parameters, returned results and error details like normal HTTP requests, so I have to rely on lots of console.log for debugging, which is very inefficient.

I've used the current version of TanStack DevTool and found no relevant features for ServerFn call viewing. I'm not sure if I missed it, or this capability is not supported yet.

If it's not available yet, I'd like to ask the community and maintainers: is there any relevant development plan? The core expectation is to intuitively view key info of each ServerFn call in DevTool, including function name, input parameters, response content, request status, etc., to reduce debugging costs.

Also welcome to share any temporary debugging solutions. Thanks!

[lokeshwardewangan]

Short answer: nope, not supported rn.

TanStack Devtools don’t really have anything for inspecting ServerFn calls yet (like payload/response/errors). What you’re seeing in Network tab is kinda expected — it’s all serialized so yeah… not very helpful to read.

You didn’t miss anything btw, there’s no UI for stuff like fn name, params, result etc.

For now mostly what I’ve been doing is:

• console.log (yeah… a bit painful 😅)
• or wrapping the ServerFn and logging there once instead of everywhere

Devtools are still kinda evolving so maybe this comes later, but I haven’t seen anything official about it so far.

[AuroraTea]

Thank you, and I prefer to use oRPC now~

[lokeshwardewangan]

glad it helped 😄

btw this is my first time participating in discussions here, so not 100% sure about the flow 😅
if you feel the answer is correct, could you mark it as the accepted answer?

and yeah, oRPC sounds like a nice choice 👍