From ab334fc7c6ebc863d459d6dd569e4e79c9f29026 Mon Sep 17 00:00:00 2001
From: Maud Royer <hello@maudroyer.fr>
Date: Mon, 27 Jan 2025 14:45:20 +0100
Subject: [PATCH] fix: fragment key

Signed-off-by: Maud Royer <hello@maudroyer.fr>
---
 src/app/(container)/glossaire/[letter]/page.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/(container)/glossaire/[letter]/page.tsx b/src/app/(container)/glossaire/[letter]/page.tsx
index d49a2d6..4b579e6 100644
--- a/src/app/(container)/glossaire/[letter]/page.tsx
+++ b/src/app/(container)/glossaire/[letter]/page.tsx
@@ -4,6 +4,7 @@ import { notFound } from "next/navigation";
 import AlphabeticNav from "@/components/AlphabeticNav";
 import sanitizeHtml from "sanitize-html";
 import slugify from "slugify";
+import { Fragment } from "react";
 
 export const dynamic = "error";
 export const dynamicParams = true;
@@ -57,7 +58,12 @@ export default async function Page(props: {
           url={(letter) => `/glossaire/${letter}`}
         />
         {definitions.map((definition) => (
-          <>
+          <Fragment
+            key={slugify(definition.Nom_glossaire as string, {
+              lower: true,
+              strict: true,
+            })}
+          >
             <h2
               className={fr.cx("fr-h6", "fr-mt-4w", "fr-mb-1w")}
               id={slugify(definition.Nom_glossaire as string, {
@@ -77,7 +83,7 @@ export default async function Page(props: {
                 ),
               }}
             />
-          </>
+          </Fragment>
         ))}
       </div>
     </div>