fix: style prop no longer passed to React.Fragment (#601)

codesandbox · Oct 4, 2022 · 05766bb · 05766bb
1 parent 88709f7
commit 05766bb
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/sandpack-react/src/presets/Sandpack.tsx b/sandpack-react/src/presets/Sandpack.tsx
@@ -93,6 +93,11 @@ export const Sandpack: SandpackInternal = (props) => {
     height: props.options?.editorHeight, // use the original editor height
   };
 
+  const rightColumnProps = React.useMemo(
+    () => (hasRightColumn ? { style: rightColumnStyle } : {}),
+    [hasRightColumn]
+  );
+
   /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
   const templateFiles = SANDBOX_TEMPLATES[props.template!] ?? {};
   const mode = "mode" in templateFiles ? templateFiles.mode : "preview";
@@ -128,7 +133,7 @@ export const Sandpack: SandpackInternal = (props) => {
         />
 
         {/* @ts-ignore */}
-        <RightColumn style={rightColumnStyle}>
+        <RightColumn {...rightColumnProps}>
           {mode === "preview" && (
             <SandpackPreview
               actionsChildren={actionsChildren}