Move ErrorBoundary so live preview can recover

jsxstyle · Jun 4, 2022 · 107b770 · 107b770
1 parent 61586ce
commit 107b770
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/minisite/pages/code-preview.tsx b/minisite/pages/code-preview.tsx
@@ -77,7 +77,7 @@ const CodePreviewPage: React.FC = () => {
           if (element) {
             setTranspiledCode({
               css,
-              component: () => element,
+              component: () => <ErrorBoundary>{element}</ErrorBoundary>,
             });
           } else {
             setTranspiledCode({
@@ -113,9 +113,7 @@ const CodePreviewPage: React.FC = () => {
 
   return (
     <Col gap={20} padding={20}>
-      <ErrorBoundary>
-        <transpiledCode.component />
-      </ErrorBoundary>
+      <transpiledCode.component />
       <CodeModule title="Extracted CSS" code={transpiledCode.css} />
       <style jsx global>
         {`