conditionally add a key to BlogTags/Tag

jonathanawesome · jonathanawesome · commit 311c9e1dff3c · 2025-11-07T10:04:18.000-06:00
diff --git a/src/components/blog-page/blog-tags.tsx b/src/components/blog-page/blog-tags.tsx
@@ -25,7 +25,12 @@ export function BlogTags({
         }
 
         const tagElement = (
-          <Tag className={opaque ? "bg-neu-0" : ""} color={color}>
+          // conditionally add a key here to avoid react list key errors
+          <Tag
+            key={!links ? tag : undefined}
+            className={opaque ? "bg-neu-0" : ""}
+            color={color}
+          >
             {tag.replaceAll("-", " ")}
           </Tag>
         )

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,12 @@ export function BlogTags({`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`const tagElement = (`
`28`		`- <Tag className={opaque ? "bg-neu-0" : ""} color={color}>`
	`28`	`+ // conditionally add a key here to avoid react list key errors`
	`29`	`+ <Tag`
	`30`	`+ key={!links ? tag : undefined}`
	`31`	`+ className={opaque ? "bg-neu-0" : ""}`
	`32`	`+ color={color}`
	`33`	`+ >`
`29`	`34`	`{tag.replaceAll("-", " ")}`
`30`	`35`	`</Tag>`
`31`	`36`	`)`