[BUG] Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

[samidushka]

Problem (one or two sentences)

Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Mg (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:135:59)
    at d;){if(d.key===l)if (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:145:371)
    at Vi (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:191:307)
    at f,b.memoizedState=f,b.flags&256){e=Ji(Error(p(423)),b);b=lj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:293:8)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:388)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:319)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:179)
    at Nk (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:270:87)
    at Ck (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:272:299)
    at jg (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:127:104)

 at button
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2550:27445](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2550:27445)
    at div
    at div
at OAn (../../../../webview-ui/src/components/chat/FollowUpSuggest.tsx:23:31)
    at div
at Jao (../../../../webview-ui/src/components/chat/ChatRow.tsx:170:1)
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2973:10334](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2973:10334)
    at div
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:39510](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:39510)
    at div
at FYt (../../../../node_modules/.pnpm/react-virtuoso@4.12.7_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-virtuoso/dist/index.mjs:2470:24)
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:42379](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:42379)
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:44530](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:44530)
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:35648](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:35648)
    at div
    at div
at nco (../../../../webview-ui/src/components/chat/ChatView.tsx:69:3)
at bvo (../../../../webview-ui/src/App.tsx:69:5)
at d (../../../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@18.3.23_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs:27:14)
at kLt (../../../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.23__@types+reac_99504aa956c623e0884a4e3cb215669a/node_modules/@radix-ui/react-tooltip/dist/index.mjs:29:4)
at R3 (../../../../webview-ui/src/components/ui/tooltip.tsx:8:47704)
at mFt (../../../../node_modules/.pnpm/@TanStack+react-query@5.76.1_react@18.3.1/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js:20:2)
at tHt (../../../../webview-ui/src/i18n/TranslationContext.tsx:16:70)
at YVt (../../../../webview-ui/src/context/ExtensionStateContext.tsx:192:86)
at lvo (../../../../webview-ui/src/components/ErrorBoundary.tsx:18:2)
at i (../../../../node_modules/.pnpm/react-i18next@15.5.1_i18next@25.2.1_typescript@5.8.3__react-dom@18.3.1_react@18.3.1__react@18.3.1_typescript@5.8.3/node_modules/react-i18next/dist/es/withTranslation.js:6:4)
at kvo (../../../../webview-ui/src/App.tsx:319:25)

Context (who is affected and when)

Error encountered in the task editor.

Reproduction steps

Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Mg (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:135:59)
    at d;){if(d.key===l)if (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:145:371)
    at Vi (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:191:307)
    at f,b.memoizedState=f,b.flags&256){e=Ji(Error(p(423)),b);b=lj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:293:8)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:388)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:319)
    at tj (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:279:179)
    at Nk (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:270:87)
    at Ck (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:272:299)
    at jg (../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.production.min.js:127:104)

 at button
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2550:27445](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2550:27445)
    at div
    at div
at OAn (../../../../webview-ui/src/components/chat/FollowUpSuggest.tsx:23:31)
    at div
at Jao (../../../../webview-ui/src/components/chat/ChatRow.tsx:170:1)
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2973:10334](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:2973:10334)
    at div
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:39510](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:39510)
    at div
at FYt (../../../../node_modules/.pnpm/react-virtuoso@4.12.7_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-virtuoso/dist/index.mjs:2470:24)
    at div
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:42379](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:42379)
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:44530](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:44530)
    at https://file/+.[vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:35648](http://vscode-resource.vscode-cdn.net/home/samid/.vscode/extensions/rooveterinaryinc.roo-cline-3.53.0/webview-ui/build/assets/index.js:484:35648)
    at div
    at div
at nco (../../../../webview-ui/src/components/chat/ChatView.tsx:69:3)
at bvo (../../../../webview-ui/src/App.tsx:69:5)
at d (../../../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@18.3.23_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs:27:14)
at kLt (../../../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.23__@types+reac_99504aa956c623e0884a4e3cb215669a/node_modules/@radix-ui/react-tooltip/dist/index.mjs:29:4)
at R3 (../../../../webview-ui/src/components/ui/tooltip.tsx:8:47704)
at mFt (../../../../node_modules/.pnpm/@TanStack+react-query@5.76.1_react@18.3.1/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js:20:2)
at tHt (../../../../webview-ui/src/i18n/TranslationContext.tsx:16:70)
at YVt (../../../../webview-ui/src/context/ExtensionStateContext.tsx:192:86)
at lvo (../../../../webview-ui/src/components/ErrorBoundary.tsx:18:2)
at i (../../../../node_modules/.pnpm/react-i18next@15.5.1_i18next@25.2.1_typescript@5.8.3__react-dom@18.3.1_react@18.3.1__react@18.3.1_typescript@5.8.3/node_modules/react-i18next/dist/es/withTranslation.js:6:4)
at kvo (../../../../webview-ui/src/App.tsx:319:25)

Expected result

Don't no

Actual result

Closed window

Variations tried (optional)

No response

App Version

Version: 3.53.0 (44f6bba)

API Provider (optional)

None

Model Used (optional)

No response

Roo Code Task Links (optional)

No response

Relevant logs or errors (optional)

[roomote-v0]

I've analyzed this issue and here's my proposed implementation plan:

Root Cause:
React error #31 ("Objects are not valid as a React child") occurs in FollowUpSuggest.tsx when suggestion.answer is an object instead of a string. The data flow is:

1. AskFollowupQuestionTool.ts (line 45) maps LLM-provided follow_up items into { answer: s.text, mode: s.mode } without validating that s.text is actually a string.
2. ChatRow.tsx (line 421) parses the JSON with safeJsonParse<FollowUpData>(), which is just JSON.parse with a type cast -- no runtime validation.
3. FollowUpSuggest.tsx (line 129) renders {suggestion.answer} directly as a React child. If the LLM returns malformed data where text/answer is an object (e.g., {}), React throws error Expose a list of allowed auto-execute commands #31.

Proposed Fix (defense in depth at two layers):

1. Validate parsed data in ChatRow.tsx -- Use the existing followUpDataSchema Zod schema (from @roo-code/types) to validate the parsed follow-up data, ensuring answer is always a string and malformed entries are filtered out.

2. Add defensive rendering in FollowUpSuggest.tsx -- Coerce suggestion.answer to a string via String(suggestion.answer) before rendering as a React child, so even if invalid data somehow reaches the component, it renders safely instead of crashing.

3. Add backend validation in AskFollowupQuestionTool.ts -- Validate/coerce s.text to a string when mapping follow-up suggestions, preventing malformed data from being sent to the frontend in the first place.

4. Add tests -- Cover the edge case where answer is an object or non-string value.

This defense-in-depth approach prevents the crash at multiple layers and handles the core issue of unvalidated LLM output.

Please mention @roomote in a comment saying that you approve this plan, and I'll proceed with the implementation.