Fixed React key warnings in Layout inspector

Summary: Fixed some React key warnings

Reviewed By: passy

Differential Revision: D18394993

fbshipit-source-id: 804b8e2cb8525253e2ef8120b621dcb98af0e3e5

src/ui/components/data-inspector/DataInspector.tsx

@@ -525,10 +525,12 @@ export default class DataInspector extends Component<DataInspectorProps> {
 
           switch (metadata.status) {
             case 'added':
-              propertyNodes.push(<Added>{dataInspectorNode}</Added>);
+              propertyNodes.push(<Added key={key}>{dataInspectorNode}</Added>);
               break;
             case 'removed':
-              propertyNodes.push(<Removed>{dataInspectorNode}</Removed>);
+              propertyNodes.push(
+                <Removed key={key}>{dataInspectorNode}</Removed>,
+              );
               break;
             default:
               propertyNodes.push(dataInspectorNode);

src/ui/components/elements-inspector/elements.tsx

@@ -326,6 +326,7 @@ class ElementsRow extends PureComponent<ElementsRowProps, ElementsRowState> {
     const attributes = element.attributes
       ? element.attributes.map(attr => (
           <ElementsRowAttribute
+            key={attr.name}
             name={attr.name}
             value={attr.value}
             matchingSearchQuery={matchingSearchQuery}