Not able to hide expander icon from specific rows

I am using react datatable version 7.5..The issue is that I am not able to hide the expander button from my rows..here is my code
const data = [
{ id: 1, name: 'John Doe', email: 'johndoe@example.com', showExpander: true },
{ id: 2, name: 'Jane Doe', email: 'janedoe@example.com', showExpander: false },
{ id: 3, name: 'Peter Jones', email: 'peterjones@example.com', showExpander: true },
];

const ExpandableTable = () => {
return (

const App = () => {
const expandableRowsHideExpander = (row) => {
return !row.showExpander;
};

return (

);
};

Start at the DataTable entry point and inspect how the expandableRowsHideExpander prop is applied to each row. Reproduce the supplied example with the three rows and verify that rows with showExpander set to false hide the expander while the others retain it; the issue is done when that behavior works in React DataTable 7.5.

Written by the indexing model from the issue text.