Failed to populate boolean value to table column

I have issue to populate data with boolean value. I always got warning: Is there a recommended way to display the isSupported field below?

var products = [
   {
      id: 1,
      name: "Name1",
      isSupported: true
   },
  {
     id: 2,
     name: "Name2",
     isSupported: false
   }
 ];   

<BootstrapTable data={products} >
      <TableHeaderColumn isKey={true} dataField="id">ID</TableHeaderColumn>
      <TableHeaderColumn dataField='name'>Name</TableHeaderColumn>
      <TableHeaderColumn dataField='isSupported'>Supported</TableHeaderColumn>
</BootstrapTable>

[sgentile]

FYI I’m having the same issue and had to use a formatter like above to fix it

[AllenFang]

there’s one thing to notice, on v2.4.4 I move the css files from css to dist folder, remember to update the css path. I apologize for it. BTW, you can also update to v2.5.0, there’s nothing change, just bump the minor version