Bug 1540741 - Warning: Each child in an array or iterator should have a unique "key" prop. r=davidwalsh

Differential Revision: https://phabricator.services.mozilla.com/D25743

--HG--
extra : moz-landing-system : lando

devtools/client/debugger/src/components/PrimaryPanes/SourcesTree.js

@@ -312,7 +312,7 @@ class SourcesTree extends Component<Props, State> {
 
     if (worker) {
       return (
-        <div className="node thread-header">
+        <div className="node thread-header" key="thread-header">
           <AccessibleImage className="worker" />
           <span className="label">{getDisplayName(worker)}</span>
         </div>
@@ -320,7 +320,7 @@ class SourcesTree extends Component<Props, State> {
     }
 
     return (
-      <div className="node thread-header">
+      <div className="node thread-header" key="thread-header">
         <AccessibleImage className={"file"} />
         <span className="label">{L10N.getStr("mainThread")}</span>
       </div>

devtools/client/debugger/src/components/PrimaryPanes/tests/__snapshots__/SourcesTree.spec.js.snap

@@ -7,6 +7,7 @@ exports[`SourcesTree After changing expanded nodes Shows the tree with four.js,
 >
   <div
     className="node thread-header"
+    key="thread-header"
   >
     <AccessibleImage
       className="file"
@@ -55,6 +56,7 @@ exports[`SourcesTree Should show a 'No Sources' message if there are no sources
 >
   <div
     className="node thread-header"
+    key="thread-header"
   >
     <AccessibleImage
       className="file"
@@ -81,6 +83,7 @@ exports[`SourcesTree Should show the tree with nothing expanded 1`] = `
 >
   <div
     className="node thread-header"
+    key="thread-header"
   >
     <AccessibleImage
       className="file"
@@ -122,6 +125,7 @@ exports[`SourcesTree When loading initial source Shows the tree with one.js, two
 >
   <div
     className="node thread-header"
+    key="thread-header"
   >
     <AccessibleImage
       className="file"
@@ -170,6 +174,7 @@ exports[`SourcesTree on receiving new props updates highlighted items updates hi
 >
   <div
     className="node thread-header"
+    key="thread-header"
   >
     <AccessibleImage
       className="file"

devtools/client/debugger/src/components/SecondaryPanes/index.js

@@ -236,7 +236,7 @@ class SecondaryPanes extends Component<Props, State> {
     }
 
     return [
-      <div>
+      <div key="scopes-buttons">
         <label
           className="map-scopes-header"
           title={L10N.getStr("scopes.mapping.label")}