Jexcel: Как я могу использовать updateTable с реакцией?

Question

У меня эта проблема, я хочу использовать Jexcel с реакцией, мы можем передать опцию updateTable Чтобы управлять тем, как увидеть ячейку, как ее визуализировать, у нас есть следующие аргументы: instance, cell, col, row, val, id где instance и cell являются собственными узлами, то для изменения записи на изображение, например, мы могли бы использовать cell.appendChild(...) или же cell.innerHTML=... Я хочу знать, существует ли правильный способ использования компонентов реакции, в частности, я хочу поместить внутрь <NavLink />которые имеют событие щелчка для перехода к другому маршруту (конечно, с помощью response-router-dom). мой код:

class ....{
.....
  updateTable(instance, cell, col, row, val, id) {
    if (col === 1) {
      if (!val) return;
      /*
       * this NOT WORKING:
       * let img = <img src={val} style={{ height: 40, width: '100%', objectFit: 'cover' }} />;
       * cell.appendChild(img);
       */
      cell.innerHTML=`<img src="${val}" />`;
    }
  }
  componentDidMount() {
    let opts = {
        ...
        freezeColumns: 1,
        tableOverflow: true,
        updateTable: this.updateTable,
        lazyLoading: true
     };
    this.el = jexcel(this.wrapper.current, opts);
  }
.....
}