chore: use index as key on line break (#74)

hygraph · Mar 22, 2022 · 9d7bead · 9d7bead
1 parent 1c734cf
commit 9d7bead
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/cool-books-relax.md b/.changeset/cool-books-relax.md
@@ -0,0 +1,5 @@
+---
+'@graphcms/rich-text-react-renderer': patch
+---
+
+Use index as key on line break to fix React warning of same keys
diff --git a/packages/react-renderer/src/RenderText.tsx b/packages/react-renderer/src/RenderText.tsx
@@ -8,7 +8,7 @@ function serialize(text: string) {
     const splitText = text.split('\n');
 
     return splitText.map((line, index) => (
-      <React.Fragment key={line}>
+      <React.Fragment key={index}>
         {line}
         {index === splitText.length - 1 ? null : <br />}
       </React.Fragment>