From a19b392787b552f75cc4573a32ec8aaeeaabb7ce Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Sun, 15 Oct 2023 16:13:54 -0500
Subject: [PATCH] fix duplicate key issue when rendering search highlights

---
 components/item.js | 2 +-
 components/text.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/item.js b/components/item.js
index 7e65f558..9c08cb4e 100644
--- a/components/item.js
+++ b/components/item.js
@@ -20,7 +20,7 @@ import AdIcon from '../svgs/advertisement-fill.svg'
 
 export function SearchTitle ({ title }) {
   return reactStringReplace(title, /\*\*\*([^*]+)\*\*\*/g, (match, i) => {
-    return <mark key={`strong-${match}`}>{match}</mark>
+    return <mark key={`strong-${match}-${i}`}>{match}</mark>
   })
 }
 
diff --git a/components/text.js b/components/text.js
index f7fdd8b8..3b0e87c2 100644
--- a/components/text.js
+++ b/components/text.js
@@ -20,7 +20,7 @@ export function SearchText ({ text }) {
     <div className={styles.text}>
       <p className={styles.p}>
         {reactStringReplace(text, /\*\*\*([^*]+)\*\*\*/g, (match, i) => {
-          return <mark key={`strong-${match}`}>{match}</mark>
+          return <mark key={`strong-${match}-${i}`}>{match}</mark>
         })}
       </p>
     </div>