From ac97191bd857340efbd2840e0ffc5b7dd5cbdae3 Mon Sep 17 00:00:00 2001
From: Evan Jacobs <probablyup@gmail.com>
Date: Wed, 30 Jan 2019 23:22:31 -0600
Subject: [PATCH] ensure there's a key set for every output

might fix #233
---
 index.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 577cd0d4..7f95486a 100644
--- a/index.js
+++ b/index.js
@@ -760,17 +760,17 @@ export function compiler(markdown, options) {
 
     let jsx;
     if (arr.length > 1) {
-      jsx = inline ? <span>{arr}</span> : <div>{arr}</div>;
+      jsx = inline ? <span key="outer">{arr}</span> : <div key="outer">{arr}</div>;
     } else if (arr.length === 1) {
       jsx = arr[0];
 
       // TODO: remove this for React 16
       if (typeof jsx === 'string') {
-        jsx = <span>{jsx}</span>;
+        jsx = <span key="outer">{jsx}</span>;
       }
     } else {
       // TODO: return null for React 16
-      jsx = <span />;
+      jsx = <span key="outer" />;
     }
 
     return jsx;
@@ -1365,7 +1365,7 @@ export function compiler(markdown, options) {
           >
             {output(node.content, state)}
           </a>
-        ) : <span>{output(node.fallbackContent, state)}</span>;
+        ) : <span key={state.key}>{output(node.fallbackContent, state)}</span>;
       },
     },
 
@@ -1525,7 +1525,7 @@ export function compiler(markdown, options) {
 
   if (footnotes.length) {
     jsx.props.children.push(
-      <footer>
+      <footer key="footer">
         {footnotes.map(function createFootnote(def) {
           return (
             <div id={def.identifier} key={def.identifier}>