From 64ed7585939734b2be09f47f9aead8bfcd4a3a61 Mon Sep 17 00:00:00 2001
From: Bilal Catic <bilal.catic@hotmail.com>
Date: Tue, 28 May 2019 01:28:14 +0200
Subject: [PATCH] add key to react components

---
 client/src/App.js                       | 6 +++++-
 client/src/components/MainMenu/index.js | 8 +++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index ab6f9ba..a773083 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -13,7 +13,11 @@ class App extends Component {
                 <Switch>
                     {
                         mainMenuItems.map(mainMenuItem =>
-                            <Route exact path={mainMenuItem.url} component={mainMenuItem.component} />)
+                            <Route key={mainMenuItem.id}
+                                   exact
+                                   path={mainMenuItem.url}
+                                   component={mainMenuItem.component}
+                            />)
                     }
                     <Route component={NotFound} />
                 </Switch>
diff --git a/client/src/components/MainMenu/index.js b/client/src/components/MainMenu/index.js
index 80c9621..8581220 100644
--- a/client/src/components/MainMenu/index.js
+++ b/client/src/components/MainMenu/index.js
@@ -8,7 +8,13 @@ const MainMenu = () =>
     (<Menu>
         {
             mainMenuItems.map(mainMenuItem =>
-                <Menu.Item as={NavLink} to={mainMenuItem.url} exact>{mainMenuItem.title}</Menu.Item>)
+                <Menu.Item key={mainMenuItem.id}
+                           as={NavLink}
+                           to={mainMenuItem.url}
+                           exact
+                >
+                    {mainMenuItem.title}
+                </Menu.Item>)
         }
     </Menu>);