Render cell as raw HTML to display icons

[tomek-i]

Hi everyone,
i had a search here but wasnt able to find a similiar question.

I am trying to render the current cell as HTML to display a category icon. My API returns an object with an encoded base64 icon that i wanted to display in the table. Currently I am getting the result form cell.render('Cell') and managed to render the icon however it's rendering for all cells :-D I def. have spent too muhc time on it at this stage and can't think clearly anymore...i am sure it's something stupid what i am missing ...

any help or idea what to try would be appreciated
This is the table body to render the icon:

  // ...
  const htmlDecode = (input: any): string => {
    var e = document.createElement('div');
    //the below is already returns as <img src="" ....  />
    e.innerHTML = input.props.data[0].icon;
    return e!.innerHTML;
  };

<tbody {...getTableBodyProps()}>
          {rows.map((row, i) => {
            prepareRow(row);
            return (
              <tr {...row.getRowProps()} key={i}>
                {row.cells.map((cell, ix) => {
                  return (
                    <td {...cell.getCellProps()} key={ix}>
                      <span
                        dangerouslySetInnerHTML={{
                          __html: htmlDecode(cell.render('Cell')),
                        }}
                      ></span>
                    </td>
                  );
                })}
              </tr>
            );
          })}
        </tbody>
 // ...