From 034653a94045cc235d0fcf56b7203414f6e52dab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Marcondes?=
 <55978943+cauemarcondes@users.noreply.github.com>
Date: Tue, 13 Oct 2020 18:01:47 +0100
Subject: [PATCH] [APM] React key warning when opening popover with external
 resources (#80328) (#80347)

---
 .../public/components/app/ServiceMap/Popover/Info.tsx  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/x-pack/plugins/apm/public/components/app/ServiceMap/Popover/Info.tsx b/x-pack/plugins/apm/public/components/app/ServiceMap/Popover/Info.tsx
index 7771a232a5c9e9..d0902c427aac8a 100644
--- a/x-pack/plugins/apm/public/components/app/ServiceMap/Popover/Info.tsx
+++ b/x-pack/plugins/apm/public/components/app/ServiceMap/Popover/Info.tsx
@@ -10,7 +10,7 @@ import {
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import cytoscape from 'cytoscape';
-import React from 'react';
+import React, { Fragment } from 'react';
 import styled from 'styled-components';
 import {
   SPAN_SUBTYPE,
@@ -71,7 +71,7 @@ export function Info(data: InfoProps) {
               resource.label || resource['span.destination.service.resource'];
             const desc = `${resource['span.type']} (${resource['span.subtype']})`;
             return (
-              <>
+              <Fragment key={resource.id}>
                 <EuiDescriptionListTitle
                   className="eui-textTruncate"
                   title={title}
@@ -84,7 +84,7 @@ export function Info(data: InfoProps) {
                 >
                   {desc}
                 </EuiDescriptionListDescription>
-              </>
+              </Fragment>
             );
           })}
         </EuiDescriptionList>
@@ -97,8 +97,8 @@ export function Info(data: InfoProps) {
       {listItems.map(
         ({ title, description }) =>
           description && (
-            <div>
-              <ItemRow key={title}>
+            <div key={title}>
+              <ItemRow>
                 <SubduedDescriptionListTitle>
                   {title}
                 </SubduedDescriptionListTitle>