Как отобразить HTML-код в компоненте React Table

Question

Я застрял в простой проблеме, я верю. У меня есть массив с HTML-кодом. Этот массив является источником данных для компонента React Table (Ant Design). Моя таблица отображает HTML-код в виде простого текста из соображений безопасности, я думаю. Я нашел опасно setinnerhtml, который помогает визуализировать HTML. Я пытаюсь использовать его, но он не работает.

// map JSON and push each object into array data[]
table.map((d) => data.push(d))

//columns
const columns = [
  {
    title: 'Item Image',
    dataIndex: 'itemImage',

  },
  {
    title: 'Product Code',
    dataIndex: 'productCode',
  },
  {
    title: 'List Price',
    dataIndex: 'listPrice',
  },
  {
    title: 'Price',
    dataIndex: 'price',

  },
  {
    title: 'Default',
    dataIndex: 'default',
  },
  {
    title: 'Currency',
    dataIndex: 'currency',
  },
  {
    title: 'Supplier',
    dataIndex: 'supplier',
  }
  ,
  {
    title: 'Action',
    dataIndex: 'action',
  }
];


// Render 
  render() {
    const { selectedRowKeys } = this.state;
    const rowSelection = {
      selectedRowKeys,
      onChange: this.onSelectChange,
    };
    const hasSelected = selectedRowKeys.length > 0;
    return (
      <div>
        <div style={{ marginBottom: 16 }}>
          <span style={{ marginLeft: 8 }}>
            {hasSelected ? `Selected ${selectedRowKeys.length} items` : ''}
          </span>
        </div>

        <Table rowSelection={rowSelection} columns={columns} dataSource={data} />
      </div>
    );
  }