🐛 Fix react warning on key errors for text

See #260
jupyter-book · Nov 14, 2023 · 8809753 · 8809753
1 parent d812cf3
commit 8809753
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/myst-to-react/src/basic.tsx b/packages/myst-to-react/src/basic.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import type * as spec from 'myst-spec';
 import { HashLink } from './heading.js';
 import type { NodeRenderer } from '@myst-theme/providers';
@@ -90,10 +91,10 @@ const BASIC_RENDERERS: BasicNodeRenderers = {
     return (
       <>
         {text.map((v, i) => (
-          <>
+          <React.Fragment key={i}>
             {v}
             {i < text.length - 1 && <wbr />}
-          </>
+          </React.Fragment>
         ))}
       </>
     );