Mastra Studio (mastra beta.9) crash in the observability section
In the observability section, when i try to check the info of an agent call it crash.
Tmain-R6Z58E7O.js:49 Uncaught Error: Minified React error #31; visit https://react.dev/errors/31?args[]=object%20with%20keys%20%7Breasoning%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at jE (main-R6Z58E7O.js:49:37857)
at Br (main-R6Z58E7O.js:49:43946)
at main-R6Z58E7O.js:49:44228
at oo (main-R6Z58E7O.js:49:68310)
at WX (main-R6Z58E7O.js:49:83968)
at _Y (main-R6Z58E7O.js:49:118261)
at oMe (main-R6Z58E7O.js:49:117291)
at s6 (main-R6Z58E7O.js:49:117119)
at vY (main-R6Z58E7O.js:49:113873)
at FY (main-R6Z58E7O.js:49:125976)
at jE (main-R6Z58E7O.js:49:37857)
at Br (main-R6Z58E7O.js:49:43946)
at main-R6Z58E7O.js:49:44228
at oo (main-R6Z58E7O.js:49:68310)
at WX (main-R6Z58E7O.js:49:83968)
at _Y (main-R6Z58E7O.js:49:118261)
at oMe (main-R6Z58E7O.js:49:117291)
at s6 (main-R6Z58E7O.js:49:117119)
at vY (main-R6Z58E7O.js:49:113873)
at FY (main-R6Z58E7O.js:49:125976)
Twith sourcemap:
react-dom_client.js?v=6a16efe7:4598 Uncaught Error: Objects are not valid as a React child (found: object with keys {reasoning}). If you meant to render a collection of children, use an array instead.
at throwOnInvalidObjectTypeImpl (react-dom_client.js?v=6a16efe7:4598:15)
at throwOnInvalidObjectType (react-dom_client.js?v=6a16efe7:4606:13)
at reconcileChildFibersImpl (react-dom_client.js?v=6a16efe7:5217:13)
at react-dom_client.js?v=6a16efe7:5237:35
at reconcileChildren (react-dom_client.js?v=6a16efe7:7182:53)
at beginWork (react-dom_client.js?v=6a16efe7:8701:104)
at runWithFiberInDEV (react-dom_client.js?v=6a16efe7:997:72)
at performUnitOfWork (react-dom_client.js?v=6a16efe7:12561:98)
at workLoopSync (react-dom_client.js?v=6a16efe7:12424:43)
at renderRootSync (react-dom_client.js?v=6a16efe7:12408:13)
<b>
(anonymous) @ trace-span-usage.tsx:192
TraceSpanUsage @ trace-span-usage.tsx:177
<TraceSpanUsage>
SpanTabs @ span-tabs.tsx:63
<SpanTabs>
SpanDialog @ span-dialog.tsx:80
react-dom_client.js?v=6a16efe7:4598 Uncaught Error: Objects are not valid as a React child (found: object with keys {reasoning}). If you meant to render a collection of children, use an array instead.
at throwOnInvalidObjectTypeImpl (react-dom_client.js?v=6a16efe7:4598:15)
at throwOnInvalidObjectType (react-dom_client.js?v=6a16efe7:4606:13)
at reconcileChildFibersImpl (react-dom_client.js?v=6a16efe7:5217:13)
at react-dom_client.js?v=6a16efe7:5237:35
at reconcileChildren (react-dom_client.js?v=6a16efe7:7182:53)
at beginWork (react-dom_client.js?v=6a16efe7:8701:104)
at runWithFiberInDEV (react-dom_client.js?v=6a16efe7:997:72)
at performUnitOfWork (react-dom_client.js?v=6a16efe7:12561:98)
at workLoopSync (react-dom_client.js?v=6a16efe7:12424:43)
at renderRootSync (react-dom_client.js?v=6a16efe7:12408:13)
<b>
(anonymous) @ trace-span-usage.tsx:192
TraceSpanUsage @ trace-span-usage.tsx:177
<TraceSpanUsage>
SpanTabs @ span-tabs.tsx:63
<SpanTabs>
SpanDialog @ span-dialog.tsx:80
M
Created GitHub issue: https://github.com/mastra-ai/mastra/issues/11140
If you're experiencing an error, please provide a minimal reproducible example whenever possible to help us resolve it quickly.
Thank you for helping us improve Mastra!
_Hey @tinchoz49 ! thanks for reporting this issue, I opened a PR to fix this problem https://github.com/mastra-ai/mastra/pull/11141
GitHub
Description
…es in token usage data
Updated the trace-span-usage component to properly manage object values in token usage data, including nested properties for input and output details. The compon...
…es in token usage data
Updated the trace-span-usage component to properly manage object values in token usage data, including nested properties for input and output details. The compon...
TThank you!