fix: Render last valid code when current code is invalid (#212)

seek-oss · Jan 19, 2021 · 758494a · 758494a
1 parent 5230140
commit 758494a
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/Playroom/Frames/Frames.tsx b/src/Playroom/Frames/Frames.tsx
@@ -17,6 +17,8 @@ interface FramesProps {
   widths: PlayroomProps['widths'];
 }
 
+let renderCode = '<React.Fragment></React.Fragment>';
+
 export default function Frames({ code, themes, widths }: FramesProps) {
   const scrollingPanelRef = useRef<HTMLDivElement | null>(null);
 
@@ -28,13 +30,9 @@ export default function Frames({ code, themes, widths }: FramesProps) {
     }))
   );
 
-  let renderCode = code;
-
   try {
     renderCode = compileJsx(code);
-  } catch (e) {
-    renderCode = '';
-  }
+  } catch (e) {}
 
   return (
     <div ref={scrollingPanelRef} className={styles.root}>