From 6c6b0828b83ff62d95c56417dcb0ebc1faed9535 Mon Sep 17 00:00:00 2001
From: Jason Liang <46062895+lainbo@users.noreply.github.com>
Date: Thu, 19 Sep 2024 16:54:39 +0800
Subject: [PATCH] fix: ensure unique keys for search items (#500)

---
 apps/renderer/src/modules/panel/cmdk.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/renderer/src/modules/panel/cmdk.tsx b/apps/renderer/src/modules/panel/cmdk.tsx
index 1dead88c3e..2de3d61201 100644
--- a/apps/renderer/src/modules/panel/cmdk.tsx
+++ b/apps/renderer/src/modules/panel/cmdk.tsx
@@ -166,7 +166,7 @@ export const SearchCmdK: React.FC = () => {
                   const feed = getFeedById(entry.feedId)
                   return (
                     <SearchItem
-                      key={entry.item.id}
+                      key={`entry-${entry.item.id}-${entry.feedId}`}
                       view={feed?.id ? getSubscriptionByFeedId(feed.id)?.view : undefined}
                       title={entry.item.title!}
                       feedId={entry.feedId}
@@ -191,7 +191,7 @@ export const SearchCmdK: React.FC = () => {
               >
                 {renderedFeeds.map((feed) => (
                   <SearchItem
-                    key={feed.item.id}
+                    key={`feed-${feed.item.id}`}
                     view={getSubscriptionByFeedId(feed.item.id!)?.view}
                     title={feed.item.title!}
                     feedId={feed.item.id!}
@@ -246,7 +246,8 @@ const SearchItem = memo(function Item({
         "min-w-0 max-w-full",
         styles["content-visually"],
       )}
-      key={id}
+      key={`${id}-${feedId}-${entryId}`}
+      id={`${id}-${feedId}-${entryId}`}
       onSelect={() => {
         navigateEntry({
           feedId: feedId!,