From a1b0d6e3bda231b4085afda2e060b4c5d9faf5b2 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 6 Nov 2023 23:50:49 +0800
Subject: [PATCH] Better keys

---
 src/components/shortcuts.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/shortcuts.jsx b/src/components/shortcuts.jsx
index e21f9bef..46965882 100644
--- a/src/components/shortcuts.jsx
+++ b/src/components/shortcuts.jsx
@@ -101,7 +101,7 @@ function Shortcuts() {
             {formattedShortcuts.map(
               ({ id, path, title, subtitle, icon }, i) => {
                 return (
-                  <li key={i + title}>
+                  <li key={`${i}-${id}-${title}-${subtitle}-${path}`}>
                     <Link
                       class={subtitle ? 'has-subtitle' : ''}
                       to={path}
@@ -170,9 +170,13 @@ function Shortcuts() {
             </button>
           }
         >
-          {formattedShortcuts.map(({ path, title, subtitle, icon }, i) => {
+          {formattedShortcuts.map(({ id, path, title, subtitle, icon }, i) => {
             return (
-              <MenuLink to={path} key={i + title} class="glass-menu-item">
+              <MenuLink
+                to={path}
+                key={`${i}-${id}-${title}-${subtitle}-${path}`}
+                class="glass-menu-item"
+              >
                 <Icon icon={icon} size="l" />{' '}
                 <span class="menu-grow">
                   <span>