From 22cab09979a4e996534d6bf17bb2ab9bdb8c1e6a Mon Sep 17 00:00:00 2001
From: zhwcreate <3331598351@qq.com>
Date: Sun, 29 Sep 2024 15:29:02 +0800
Subject: [PATCH] fix: key error

---
 src/components/home/card-hover-effect/index.tsx | 2 +-
 src/components/home/footer/index.tsx            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/home/card-hover-effect/index.tsx b/src/components/home/card-hover-effect/index.tsx
index 779c1f4..30cdc9d 100644
--- a/src/components/home/card-hover-effect/index.tsx
+++ b/src/components/home/card-hover-effect/index.tsx
@@ -64,7 +64,7 @@ export function HoverEffect({
     <div className={cn('grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4  py-10', className)}>
       {items.map((item, idx) => (
         <Link
-          key={item?.link}
+          key={item?.link + idx}
           className="relative block w-full h-full p-2 group"
           href={item?.link}
           onMouseEnter={() => setHoveredIndex(idx)}
diff --git a/src/components/home/footer/index.tsx b/src/components/home/footer/index.tsx
index 8f6b977..e724753 100644
--- a/src/components/home/footer/index.tsx
+++ b/src/components/home/footer/index.tsx
@@ -93,10 +93,10 @@ const renderLink = (products: LinkProps[]) =>
   ));
 
 const renderIcon = (icons: Icon[]) =>
-  icons.map((icon) => (
+  icons.map((icon, idx) => (
     <a
       href={icon.link}
-      key={icon.link}
+      key={icon.link + idx}
       className="p-2 rounded-md text-white border border-white/30 hover:bg-white/10 transition-colors"
     >
       {icon.icon}