styled component error "it looks like an unknown prop "responsive" is sent through to the DOM, which will likely trigger a React console error."

Question

I am using react data table component which requires me to install styled component.

The moment i render the DataTable after passing the columns and data prop, I get various errors on my console saying there is a problem with some of the props im using such as the isActive. Meanwhile, I am actually not using that prop anywhere in my code

screenshot of the error

My code where I am using the data table component

Please provide enough code so others can better understand or reproduce the problem. — Community, Aug 08 '23 at 09:23
FWIW I am also seeing this. Would be nice if the question was updated to include the error and code sample — lucasvw, Aug 11 '23 at 13:19

score 1 · Answer 1 · answered Aug 11 '23 at 13:28

This is a breaking change from a dependency of react-data-table-component, styled-components version 6

The react-data-table-component library will need to be updated to properly use styled-components 6. For now, I solved this by downgrading styled-components to version 5:

npm install styled-components@5

styled component error "it looks like an unknown prop "responsive" is sent through to the DOM, which will likely trigger a React console error."

1 Answers1