Fix default renderer of layout block (#6961)

keystonejs · Nov 18, 2021 · 18e3168 · 18e3168
1 parent 11a5034
commit 18e3168
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/shy-poets-taste.md b/.changeset/shy-poets-taste.md
@@ -0,0 +1,5 @@
+---
+'@keystone-next/document-renderer': patch
+---
+
+Fixed default renderer of `layout` block
diff --git a/packages/document-renderer/src/index.tsx b/packages/document-renderer/src/index.tsx
@@ -97,7 +97,9 @@ export const defaultRenderers: Renderers = {
             gridTemplateColumns: layout.map(x => `${x}fr`).join(' '),
           }}
         >
-          {children}
+          {children.map((element, i) => (
+            <div key={i}>{element}</div>
+          ))}
         </div>
       );
     },