diff --git a/src/components/layouts/aside/DashboardAside.jsx b/src/components/layouts/aside/DashboardAside.jsx
index 6c4c93c..5b1f9cd 100644
--- a/src/components/layouts/aside/DashboardAside.jsx
+++ b/src/components/layouts/aside/DashboardAside.jsx
@@ -32,7 +32,7 @@ export default function DashboardAside() {
                 let hasSubLinks = (link.subLinks && link.subLinks.length > 0) ? true : false
                 if(active && !hasSubLinks){
                     return (
-                        <div key={index}>
+                        <div key={link.name}>
                             <AsideLink to={link.to} name={link.name} icon={link.icon} />
                         </div>
                     )
@@ -49,7 +49,7 @@ export default function DashboardAside() {
                         }
                     })
                     return (
-                    <div key={index} className="w-full">
+                    <div key={link.name} className="w-full">
                         {link.title &&
                             <h1 className="px-4 py-2 text-sm sm:text-sm text-slate-500 dark:text-white font-semibold uppercase mt-3 mb-1 border-b border-slate-500 dark:border-white">{link.title}</h1>
                         }
@@ -60,8 +60,8 @@ export default function DashboardAside() {
                                 let hasSubLinks = (subItem.subLinks && subItem.subLinks.length > 0) ? true : false
                                 if(active && !hasSubLinks){
                                     return (
-                                    <div key={index}>
-                                        <AsideLink key={index} to={subItem.to} name={subItem.name} icon={subItem.icon} />
+                                    <div key={subItem.name}>
+                                        <AsideLink to={subItem.to} name={subItem.name} icon={subItem.icon} />
                                     </div>
                                 )
                                 }else if(active && hasSubLinks){
@@ -71,7 +71,7 @@ export default function DashboardAside() {
                                         }
                                     })
                                     return(
-                                        <AsideLinkWithSubLinks name={subItem.name} icon={subItem.icon} isOpen={subLinkList.includes(pathname)}>
+                                        <AsideLinkWithSubLinks key={subItem.name} name={subItem.name} icon={subItem.icon} isOpen={subLinkList.includes(pathname)}>
                                             <>
                                             {subItem.subLinks.map((item, index)=>{
                                                 let active = item.status == 1 ? true : false
diff --git a/src/components/loanscom/LoansCom.jsx b/src/components/loanscom/LoansCom.jsx
index 7d28d7d..7c71b41 100644
--- a/src/components/loanscom/LoansCom.jsx
+++ b/src/components/loanscom/LoansCom.jsx
@@ -57,7 +57,7 @@ export default function LoansCom() {
                                 </thead>
                                 <tbody>
                                     {(data && data.length > 0) ? data?.map((item, index) => (
-                                        <tr className="py-2 border-t border-dashed border-slate-300">
+                                        <tr key={index} className="py-2 border-t border-dashed border-slate-300">
                                             <td className="px-2 py-2">
                                                 <div className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
                                                 <img className="w-10 h-10 rounded-md" src={Avatar} alt="Jese image" />