From 4b925d64797e9d62750351c40400591b65495441 Mon Sep 17 00:00:00 2001
From: kiranpande0 <kpande026@gmail.com>
Date: Sun, 23 Jun 2024 13:02:23 +0530
Subject: [PATCH] unique_prop

---
 frontend/src/Component/Sidebar/Sidebar.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/Component/Sidebar/Sidebar.js b/frontend/src/Component/Sidebar/Sidebar.js
index 8c94991c..34bd94f3 100644
--- a/frontend/src/Component/Sidebar/Sidebar.js
+++ b/frontend/src/Component/Sidebar/Sidebar.js
@@ -67,6 +67,7 @@ function Sidebar({ showSideNav }) {
       url: "/collaboration-tools",
     },
   ];
+
   return (
     <div className={`sidebar ${showSideNav ? "active" : ""}`}>
       <div
@@ -74,7 +75,7 @@ function Sidebar({ showSideNav }) {
           showSideNav ? "active" : ""
         }`}
       >
-        <div className="sidebar-btn home-btn">
+        <div className="sidebar-btn home-btn" key="home">
           <Link
             to="/"
             className="Link  Bookmark nav-link active"
@@ -83,7 +84,7 @@ function Sidebar({ showSideNav }) {
             <AiFillHome /> Home
           </Link>
         </div>
-        <div className="sidebar-btn bookmark-btn">
+        <div className="sidebar-btn bookmark-btn" key="bookmark">
           <Link
             to="/bookmark"
             className="Link  Bookmark nav-link active"
@@ -92,7 +93,7 @@ function Sidebar({ showSideNav }) {
             <BsBookmark /> BookMark
           </Link>
         </div>
-        <div className="sidebar-btn home-btn">
+        <div className="sidebar-btn home-btn" key="about">
           <Link
             to="/about"
             className="Link  Bookmark nav-link active"
@@ -101,7 +102,7 @@ function Sidebar({ showSideNav }) {
             About Us
           </Link>
         </div>
-        <div className="sidebar-btn bookmark-btn">
+        <div className="sidebar-btn bookmark-btn" key="open-source">
           <Link
             to="/open-source"
             className="Link  Bookmark nav-link active"
@@ -111,26 +112,25 @@ function Sidebar({ showSideNav }) {
           </Link>
         </div>
       </div>
-      {sidebarContent.map((item, index) => (
+
+      {sidebarContent.map((item) => (
         <Link
           to={item.url}
-          id={index}
           className="Link  Bookmark nav-link active"
           aria-current="page"
+          key={item.name}
         >
           <SidebarContent
-            key={index}
             name={item.name}
             description={item.description}
             active={showSideNav}
           />
         </Link>
       ))}
-      <div style={{ marginTop: "20px" }} />
-      ))
+      
       <div style={{ marginTop: "20px" }} />
     </div>
   );
 }
 
-export default Sidebar;
+export default Sidebar;
\ No newline at end of file