From 56082582d0aecc088a08387848fce5e117d13e75 Mon Sep 17 00:00:00 2001
From: Samuel Jensen <44519206+nichtsam@users.noreply.github.com>
Date: Thu, 9 Jan 2025 13:25:18 +0100
Subject: [PATCH] add missing key to map render

---
 app/routes/_site+/about.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/routes/_site+/about.tsx b/app/routes/_site+/about.tsx
index f03fe7c..a2bf496 100644
--- 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>