Add key

darashi · darashi · commit d8d892f9d2ad · 2026-01-18T15:33:49.000+09:00
diff --git a/src/components/Chart.tsx b/src/components/Chart.tsx
@@ -10,7 +10,9 @@ type Props = {
 function Hearts({ num }: { num: number }) {
   const hearts = [];
   for (let i = 0; i < num; i++) {
-    hearts.push(<FaHeart className="inline mx-0.5" size={16} />);
+    hearts.push(
+      <FaHeart key={i} className="inline mx-0.5" size={16} />
+    );
   }
   return <>{hearts}</>;
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,9 @@ type Props = {`
`10`	`10`	`function Hearts({ num }: { num: number }) {`
`11`	`11`	`const hearts = [];`
`12`	`12`	`for (let i = 0; i < num; i++) {`
`13`		`- hearts.push(<FaHeart className="inline mx-0.5" size={16} />);`
	`13`	`+ hearts.push(`
	`14`	`+ <FaHeart key={i} className="inline mx-0.5" size={16} />`
	`15`	`+ );`
`14`	`16`	`}`
`15`	`17`	`return <>{hearts}</>;`
`16`	`18`	`}`