[data grid] Implementing Visual Feedback for Pasted Data about mui-x HOT 3 CLOSED

const highlightCell = useCallback(
  (rowId: number, field: string) => {
    const cell = apiRef.current.getCellElement(rowId, field);
    cell?.classList.add('highlight-cell');
    setTimeout(() => {
      cell?.classList.remove('highlight-cell');
    }, 1500);
  },
  [apiRef],
);

const handleRowUpdate: DataGridProps['processRowUpdate'] = (newRow, oldRow) => {
  const changedFields = [];

  for (const key in oldRow) {
    if (newRow.hasOwnProperty(key) && oldRow.hasOwnProperty(key)) {
      if (newRow[key] !== oldRow[key]) {
        changedFields.push(key);
      }
    }
  }

  if (changedFields.length > 0) {
    changedFields.forEach((field) => highlightCell(newRow.id, field));
  }

  return newRow;
};