Add keys.

n6g7 · Sep 16, 2020 · 2112efe · 2112efe
1 parent e367c04
commit 2112efe
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/react/lib/Blocks.tsx b/packages/react/lib/Blocks.tsx
@@ -23,22 +23,26 @@ const Blocks: React.FC<Props> = ({ blocks }) => {
       // Finshing previous list
       if (listType && block.type !== listType) {
         const ListComponent = listMapping[listType];
-        elements.push(<ListComponent>{listItems}</ListComponent>);
+        elements.push(
+          <ListComponent key={`pre-${block.id}-list`}>
+            {listItems}
+          </ListComponent>
+        );
         listType = null;
         listItems = [];
       }
 
       if (!listTypes.includes(block.type)) {
-        elements.push(<Block block={block} />);
+        elements.push(<Block block={block} key={block.id} />);
         continue;
       }
 
       listType = block.type as ListType;
-      listItems.push(<Block block={block} />);
+      listItems.push(<Block block={block} key={block.id} />);
     }
     if (listType) {
       const ListComponent = listMapping[listType];
-      elements.push(<ListComponent>{listItems}</ListComponent>);
+      elements.push(<ListComponent key="last-list">{listItems}</ListComponent>);
     }
     return elements;
   }, [blocks]);