Fix react error missing key

readmeio · Aug 9, 2018 · 3fac3d7 · 3fac3d7
1 parent e59eb58
commit 3fac3d7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/packages/api-explorer/dist/index.js b/packages/api-explorer/dist/index.js
diff --git a/packages/api-explorer/src/block-types/Code.jsx b/packages/api-explorer/src/block-types/Code.jsx
@@ -58,20 +58,22 @@ class BlockCode extends React.Component {
           )}
 
           <div className="block-code-code">
-            {codes.map((code, i) => [
-              <CopyCode code={code.code} />,
-              // eslint-disable-next-line react/no-array-index-key
-              <pre key={i} style={{ display: i === this.state.activeTab ? 'block' : 'none' }}>
+            {codes.map((code, i) => (
+              <React.Fragment>
+                <CopyCode code={code.code} />
                 {
-                  <code
-                    // eslint-disable-next-line
-                    dangerouslySetInnerHTML={{
-                      __html: syntaxHighlighter(code.code, code.language, dark),
-                    }}
-                  />
+                  // eslint-disable-next-line react/no-array-index-key
+                  <pre key={i} style={{ display: i === this.state.activeTab ? 'block' : 'none' }}>
+                    <code
+                      // eslint-disable-next-line
+                      dangerouslySetInnerHTML={{
+                        __html: syntaxHighlighter(code.code, code.language, dark),
+                      }}
+                    />
+                  </pre>
                 }
-              </pre>,
-            ])}
+              </React.Fragment>
+            ))}
           </div>
         </div>
       </span>