Issue with filtering and custom cells in v7

[conor-lacey]

Hi, I'm having an issue with filtering when using a custom cell render in react-table v7.

This CodeSandbox should show the issue when you try to filter by the status column. https://codesandbox.io/p/sandbox/elastic-oskar-y4g2d2
I've created a new data array called formatedData which renders a custom cell for the 'status' values (at the moment it's just surrounding it in a div) but this seems to break the filter functionality. The <select> filter seems to be expecting just a string and doesn't work when the cell has custom HTML in it. If I go back to passing in the original data that has no custom cell, then it works as expected.
Is there a more appropriate way of creating a custom cell, one that won't break the filter functionality?

Thanks for any help.

[conor-lacey]

Actually I think I found the solution in another comment here #2884 (comment)
I needed to use the 'Cell' property when creating the columns