fix(playground): avoid stringifying invalid console messages (#11150)

mdn · May 21, 2024 · 90072c8 · 90072c8
1 parent 95ea0da
commit 90072c8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/client/src/playground/index.tsx b/client/src/playground/index.tsx
@@ -138,13 +138,15 @@ export default function Playground() {
         ) {
           setVConsole((vConsole) => [...vConsole, { prop, message }]);
         } else {
+          const warning = "[Playground] Unsupported console message";
           setVConsole((vConsole) => [
             ...vConsole,
             {
               prop: "warn",
-              message: `[Playground] Unsupported console message: ${JSON.stringify({ prop, message }, null, 2)}`,
+              message: `${warning} (see browser console)`,
             },
           ]);
+          console.warn(warning, { prop, message });
         }
       } else if (typ === "ready") {
         updatePlayIframe(iframe.current, getEditorContent());