key on span

Author: RafaelGB

src/components/cellTypes/MarkdownCell.tsx

@@ -5,7 +5,7 @@ import React, { useEffect, useRef } from "react";
 
 const MarkdownCell = (mdProps: CellComponentProps) => {
   const { defaultCell } = mdProps;
-  const { table, row, column } = defaultCell;
+  const { cell, table, row, column } = defaultCell;
   const { tableState } = table.options.meta;
   const markdownRow = tableState.data((state) => state.rows[row.index]);
   const mdRef = useRef<HTMLDivElement>();
@@ -21,7 +21,13 @@ const MarkdownCell = (mdProps: CellComponentProps) => {
       );
     }
   });
-  return <span ref={mdRef} className={`${c("md_cell")}`}></span>;
+  return (
+    <span
+      ref={mdRef}
+      className={`${c("md_cell")}`}
+      key={`markdown_${cell.id}`}
+    />
+  );
 };
 
 export default MarkdownCell;

src/components/cellTypes/MetadataTimeCell.tsx

@@ -1,5 +1,4 @@
 import { CellComponentProps } from "cdm/ComponentsModel";
-import { TableColumn } from "cdm/FolderModel";
 import { renderMarkdown } from "components/obsidianArq/MarkdownRenderer";
 import { c } from "helpers/StylesHelper";
 import { DateTime } from "luxon";
@@ -25,7 +24,13 @@ const MetadataTimeCell = (mdProps: CellComponentProps) => {
       renderMarkdown(defaultCell, metadataValue, mdRef.current, 5);
     }
   });
-  return <span ref={mdRef} className={`${c("md_cell")}`}></span>;
+  return (
+    <span
+      ref={mdRef}
+      className={`${c("md_cell")}`}
+      key={`metadata_time_${cell.id}`}
+    />
+  );
 };
 
 export default MetadataTimeCell;