From 384d5cf8d94643c636e850b08797b7521616b491 Mon Sep 17 00:00:00 2001
From: Jordan Kiesel <jordantkiesel@gmail.com>
Date: Tue, 29 Oct 2024 01:06:38 -0600
Subject: [PATCH] fix(website): prevent playground formatted editor from being
 empty on navigation

---
 website/src/components/CodeEditor/index.tsx | 2 --
 website/src/pages/playground/index.tsx      | 8 +++++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/src/components/CodeEditor/index.tsx b/website/src/components/CodeEditor/index.tsx
index d240c0cc..209b0c73 100644
--- a/website/src/components/CodeEditor/index.tsx
+++ b/website/src/components/CodeEditor/index.tsx
@@ -6,7 +6,6 @@ export default function CodeEditor(
   props: Readonly<{
     readOnly?: boolean;
     value?: string;
-    defaultValue?: string;
     onChange?: (value: string | undefined) => void;
   }>
 ) {
@@ -15,7 +14,6 @@ export default function CodeEditor(
   return (
     <div className={styles.editor}>
       <Editor
-        defaultValue={props.defaultValue}
         language="java"
         options={{ readOnly: props.readOnly }}
         theme={colorMode === "dark" ? "vs-dark" : "light"}
diff --git a/website/src/pages/playground/index.tsx b/website/src/pages/playground/index.tsx
index 8fc25764..32bbfeeb 100644
--- a/website/src/pages/playground/index.tsx
+++ b/website/src/pages/playground/index.tsx
@@ -146,7 +146,7 @@ function Inner() {
               }
             >
               {Object.values(TrailingComma).map(option => (
-                <option>{option}</option>
+                <option key={option}>{option}</option>
               ))}
             </select>
           </label>
@@ -164,8 +164,10 @@ function Inner() {
         </details>
       </div>
       <div className={styles.editors}>
-        <CodeEditor defaultValue={code} onChange={setCode} />
-        <CodeEditor readOnly value={formattedCode} />
+        <CodeEditor value={code} onChange={setCode} />
+        {isFirstRun.current ? null : (
+          <CodeEditor readOnly value={formattedCode} />
+        )}
       </div>
     </div>
   );