Not expandable after adding div

[somaria]

I have an expandable row that looks like below:

    {
      name: 'View More',
      selector: (row) => row.more,
      ignoreRowClick: false,
    },

Strangely, if I put a div on this row, like below, the expandable will not work.

    {
      name: 'View More',
      selector: (row) => <div>{row.more}</div>,
      ignoreRowClick: false,
    },

Wonder what I did wrong and any help would be greatly appreciated.