From a5b6eb53595f12450981bebda9bcddb61a3f48de Mon Sep 17 00:00:00 2001
From: Greg Thompson <thompson.glowe@gmail.com>
Date: Tue, 2 Feb 2021 18:32:07 -0600
Subject: [PATCH] prevent format errors

---
 src-docs/src/services/playground/playground.js | 10 +++++++++-
 src-docs/src/views/page/playground.js          |  1 +
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src-docs/src/services/playground/playground.js b/src-docs/src/services/playground/playground.js
index 503154b23be..01293d19d82 100644
--- a/src-docs/src/services/playground/playground.js
+++ b/src-docs/src/services/playground/playground.js
@@ -26,7 +26,15 @@ export default ({ config, setGhostBackground, playgroundClassName }) => {
       newCode = newCode.replace(/(\);)$/m, '');
     }
 
-    return format(newCode.trim(), ' '.repeat(4));
+    let formatted;
+    // TODO: Replace `html-format` with something better.
+    // Notably, something more jsx-friendly
+    try {
+      formatted = format(newCode.trim(), ' '.repeat(4));
+    } catch {
+      formatted = newCode.trim();
+    }
+    return formatted;
   };
 
   const Playground = () => {
diff --git a/src-docs/src/views/page/playground.js b/src-docs/src/views/page/playground.js
index 04d34c93648..91ae10611ce 100644
--- a/src-docs/src/views/page/playground.js
+++ b/src-docs/src/views/page/playground.js
@@ -65,6 +65,7 @@ export default () => {
   });
 
   propsToUse.children = {
+    ...propsToUse.children,
     type: PropTypes.ReactNode,
     hidden: false,
   };