cell keys include staticRowIndex

Author: KevinVandy

packages/material-react-table/src/components/body/MRT_TableBodyCell.tsx

@@ -313,7 +313,6 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
           ) : isCreating || isEditing ? (
             <MRT_EditCellTextField
               cell={cell}
-              staticRowIndex={staticRowIndex}
               table={table}
             />
           ) : showClickToCopyButton && columnDef.enableClickToCopy !== false ? (

packages/material-react-table/src/components/body/MRT_TableBodyRow.tsx

@@ -248,16 +248,17 @@ export const MRT_TableBodyRow = <TData extends MRT_RowData>({
               staticRowIndex,
               table,
             };
+            const key = `${cell.id}-${staticRowIndex}`;
             return cell ? (
               memoMode === 'cells' &&
               cell.column.columnDef.columnDefType === 'data' &&
               !draggingColumn &&
               !draggingRow &&
               editingCell?.id !== cell.id &&
               editingRow?.id !== row.id ? (
-                <Memo_MRT_TableBodyCell key={cell.id} {...props} />
+                <Memo_MRT_TableBodyCell key={key} {...props} />
               ) : (
-                <MRT_TableBodyCell key={cell.id} {...props} />
+                <MRT_TableBodyCell key={key} {...props} />
               )
             ) : null;
           },

packages/material-react-table/src/components/inputs/MRT_EditCellTextField.tsx

@@ -17,13 +17,11 @@ import { getValueAndLabel, parseFromValuesOrFunc } from '../../utils/utils';
 export interface MRT_EditCellTextFieldProps<TData extends MRT_RowData>
   extends TextFieldProps<'standard'> {
   cell: MRT_Cell<TData>;
-  staticRowIndex?: number;
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_EditCellTextField = <TData extends MRT_RowData>({
   cell,
-  staticRowIndex,
   table,
   ...rest
 }: MRT_EditCellTextFieldProps<TData>) => {
@@ -109,7 +107,6 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
   return (
     <TextField
       disabled={parseFromValuesOrFunc(columnDef.enableEditing, row) === false}
-      key={`${row.id}-${row.index}-${staticRowIndex}`}
       fullWidth
       inputRef={(inputRef) => {
         if (inputRef) {