add missing key to map render

nichtsam · Jan 9, 2025 · 5608258 · 5608258
1 parent 9051a5f
commit 5608258
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/app/routes/_site+/about.tsx b/app/routes/_site+/about.tsx
@@ -1,4 +1,5 @@
 import { type HeadersFunction, type MetaFunction } from '@remix-run/node'
+import { Fragment } from 'react/jsx-runtime'
 import { pipeHeaders } from '#app/utils/remix.server.ts'
 
 export const meta: MetaFunction = () => {
@@ -21,11 +22,11 @@ export default function About() {
 	return (
 		<section className="container py-9">
 			<article className="prose dark:prose-invert lg:prose-xl">
-				{questions.map((question) => (
-					<>
-						<h2>{question.q}</h2>
-						<p>{question.a}</p>
-					</>
+				{questions.map(({ q, a }) => (
+					<Fragment key={q}>
+						<h2>{q}</h2>
+						<p>{a}</p>
+					</Fragment>
 				))}
 			</article>
 		</section>