I am using react-data-table-components and just following the instruction given by the documentation but it's show me an error
below is the sample code the i copied in the documentation
import DataTable from 'react-data-table-component';
const App = () => {
const columns = [
{
name: 'Title',
selector: row => row.title,
},
{
name: 'Year',
selector: row => row.year,
},
];
const data = [
{
id: 1,
title: 'Beetlejuice',
year: '1988',
},
{
id: 2,
title: 'Ghostbusters',
year: '1984',
},
]
return (
<>
<DataTable
columns={columns}
data={data}
/>
</>
)
}
export default App
below is the package.json
these are the error showing in my console
StyledComponent.ts:159 styled-components: it looks like an unknown prop "responsive" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via <StyleSheetManager shouldForwardProp={...}> (connect an API like @emotion/is-prop-valid) or consider using transient props ($ prefix for automatic filtering.)
react-dom.development.js:86 Warning: React does not recognize the sortActive prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase sortactive instead. If you accidentally passed it from a parent component, remove it from the DOM element.
react-dom.development.js:86 Warning: Received false for a non-boolean attribute dense.
react-dom.development.js:86 Warning: React does not recognize the fixedHeader prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase fixedheader instead. If you accidentally passed it from a parent component, remove it from the DOM element.
