From 2cadaae6508efdc20a363bfab0f46fc9d615e74b Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Wed, 19 Feb 2025 16:47:13 +1100
Subject: [PATCH] fix: update key prop in SingleDatePicker to avoid same key
 issue

---
 src/components/SingleDatePicker.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/SingleDatePicker.tsx b/src/components/SingleDatePicker.tsx
index 3b6d779..3a1a2b2 100644
--- a/src/components/SingleDatePicker.tsx
+++ b/src/components/SingleDatePicker.tsx
@@ -68,11 +68,10 @@ export default ({ value }: Props) => {
 		</div>
 		<div className='body'>
 			
-			{l10nDays.map(day => <div className='item day-indicator' key={day}>{day}</div>)}
+			{l10nDays.map((day, index) => <div className='item day-indicator' key={index}>{day}</div>)}
 
-			{dates.map(date => <button className={`item date ${currentMonth !== date.getMonth() && 'extra-month'} ${selectedDate.toDateString() === date.toDateString() && 'active'}`} key={date.toString()} onClick={() => selectDate(date)}>
+			{dates.map(date => <button className={`item date ${currentMonth !== date.getMonth() && 'extra-month'} ${selectedDate.toDateString() === date.toDateString() && 'active'}`} key={date.toISOString()} onClick={() => selectDate(date)}>
 				{date.getDate()}
-				{/* 是今天 */}
 				{date.toDateString() === new Date().toDateString() && <svg xmlns="http://www.w3.org/2000/svg" className='today-indicator' viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"></path></svg>}
 			</button>)}
 		</div>