fix: Only nest user content inside FrameComponent in preview mode (#203)

seek-oss · Oct 14, 2020 · 83f51d7 · 83f51d7
1 parent 5a745b2
commit 83f51d7
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/Playroom/Preview.tsx b/src/Playroom/Preview.tsx
@@ -46,17 +46,17 @@ export default ({ themes, components, FrameComponent }: PreviewProps) => {
 
   return (
     <CatchErrors code={code}>
-      <FrameComponent
-        themeName={themeName || '__PLAYROOM__NO_THEME__'}
-        theme={resolvedTheme}
-      >
-        <div className={styles.renderContainer}>
+      <div className={styles.renderContainer}>
+        <FrameComponent
+          themeName={themeName || '__PLAYROOM__NO_THEME__'}
+          theme={resolvedTheme}
+        >
           <RenderCode code={code} scope={components} />
-        </div>
-        <div className={styles.splashScreenContainer}>
-          <SplashScreen />
-        </div>
-      </FrameComponent>
+        </FrameComponent>
+      </div>
+      <div className={styles.splashScreenContainer}>
+        <SplashScreen />
+      </div>
     </CatchErrors>
   );
 };