From ca9cdcea7a7951b41a0e05d11b926aa24c05df80 Mon Sep 17 00:00:00 2001
From: Guus van Meerveld <mail@guusvanmeerveld.dev>
Date: Wed, 13 Mar 2024 15:29:15 +0100
Subject: [PATCH] fixed missing key on trending page

---
 src/app/(trending)/Trending.tsx  | 2 +-
 src/app/(trending)/VideoCard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(trending)/Trending.tsx b/src/app/(trending)/Trending.tsx
index 2147ece..b0e20fe 100644
--- a/src/app/(trending)/Trending.tsx
+++ b/src/app/(trending)/Trending.tsx
@@ -42,7 +42,7 @@ export const Trending: Component = ({}) => {
 			{data && (
 				<div className="grid gap-4 py-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
 					{data.map((video) => (
-						<VideoCard data={video} />
+						<VideoCard key={video.id} data={video} />
 					))}
 				</div>
 			)}
diff --git a/src/app/(trending)/VideoCard.tsx b/src/app/(trending)/VideoCard.tsx
index 8e4d021..f8370e9 100644
--- a/src/app/(trending)/VideoCard.tsx
+++ b/src/app/(trending)/VideoCard.tsx
@@ -10,7 +10,7 @@ export const VideoCard: Component<{ data: TrendingVideo }> = ({
 	data: video
 }) => {
 	return (
-		<Link key={video.id} href={`/watch?v=${video.id}`}>
+		<Link href={`/watch?v=${video.id}`}>
 			<Card radius="lg">
 				<CardBody>
 					<Image