fixed missing key on trending page

8 months ago · ca9cdcea7a
parent 2e8785bf23
commit ca9cdcea7a
2 changed files with 2 additions and 2 deletions
--- 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>
 			)}
--- 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