From e64f90332e720630072ed94e0f74a925bd546020 Mon Sep 17 00:00:00 2001
From: Lauri Nevala <lauri.nevala@gmail.com>
Date: Thu, 17 Jun 2021 13:22:52 +0300
Subject: [PATCH] Add React.Fragment with key property to entity settings
 navigation (#3087)

Signed-off-by: Lauri Nevala <lauri.nevala@gmail.com>
---
 .../components/+entity-settings/entity-settings.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+entity-settings/entity-settings.tsx b/src/renderer/components/+entity-settings/entity-settings.tsx
index d37fdef953..16c79412cf 100644
--- a/src/renderer/components/+entity-settings/entity-settings.tsx
+++ b/src/renderer/components/+entity-settings/entity-settings.tsx
@@ -85,8 +85,8 @@ export class EntitySettings extends React.Component<Props> {
       <>
         <h2>{this.entity.metadata.name}</h2>
         <Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
-          { groups.map((group) => (
-            <>
+          { groups.map((group, groupIndex) => (
+            <React.Fragment key={`group-${groupIndex}`}>
               <div className="header">{group[0]}</div>
               { group[1].map((setting, index) => (
                 <Tab
@@ -96,7 +96,7 @@ export class EntitySettings extends React.Component<Props> {
                   data-testid={`${setting.id}-tab`}
                 />
               ))}
-            </>
+            </React.Fragment>
           ))}
         </Tabs>
       </>