diff --git a/packages/bbob-react/src/render.js b/packages/bbob-react/src/render.js index 206593b3..83921ab6 100644 --- a/packages/bbob-react/src/render.js +++ b/packages/bbob-react/src/render.js @@ -10,19 +10,19 @@ const toAST = (source, plugins, options) => core(plugins) render: input => html.render(input, { stripTags: true }), }).tree; -function tagToReactElement(node) { +function tagToReactElement(node, index) { return React.createElement( node.tag, - node.attrs, + { ...node.attrs, key: index }, // eslint-disable-next-line no-use-before-define node.content ? renderToReactNodes(node.content) : null, ); } function renderToReactNodes(nodes) { - const els = [].concat(nodes).reduce((arr, node) => { + const els = [].concat(nodes).reduce((arr, node, index) => { if (isTagNode(node)) { - arr.push(tagToReactElement(node)); + arr.push(tagToReactElement(node, index)); } else if (isStringNode(node)) { arr.push(node); }