From 3d5c1f19d5c4221e8d70990bbd8f2347ff530d70 Mon Sep 17 00:00:00 2001 From: Greg Venech Date: Sat, 29 Jun 2019 12:18:39 -0400 Subject: [PATCH] fix(bbob-react): remove `unique "key" prop` warning (#30) When using `@bbob/react`s `` component, the following error is thrown if this change is not included... ``` Warning: Each child in a list should have a unique "key" prop. ``` Mentioned in #28 --- packages/bbob-react/src/render.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) 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); }