search

jbetancur / react-data-table-component

A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
https://react-data-table-component.netlify.app
Apache License 2.0
2.03k stars 409 forks source link

Boolean column property button triggers console warning #1203

Open raffaele-clevermind opened 7 months ago

raffaele-clevermind commented 7 months ago

Describe the bug

After updating to version 7.6.2, which should support styled-components ^6.0.0, when using the boolean collun property button it generates a warning as reported below

Received true for a non-boolean attribute button. If you want to write it to the DOM, pass a string instead: button="true" or button={value.toString()}.

To Reproduce

Steps to reproduce the behavior:

  1. Intall react-data-table-component ^7.6.2
  2. Install styled-components ^6.1.8
  3. Use a table component with a column with the proprerty "button" set to true
  4. in the browser console check for the warning as described iin the description of the issue

Expected behavior

No warnings in the console

randydijkstra commented 7 months ago

Not all CellProps properties are updated to transient props yet. As far as I can find most other components are fine.

anders2410 commented 7 months ago

The same problem as mentioned in: https://github.com/jbetancur/react-data-table-component/issues/1161 and https://github.com/jbetancur/react-data-table-component/issues/1185

ezequielramos commented 3 months ago

Is there some fix or workaround to make this warning/error stop showing? It doesn't really seems that there's a problem happening