Problem - Datatable with two checkbox in each row

[diegodasilvaesilva]

I'm testing the template sakai-react with datatable.
This datatable has a column to select checkbox "",
But the datatable shows me two checkboxes in each row

My code:

"<DataTable
ref={dt}
value={inspectList}
selection={selectedInspects}
onSelectionChange={(e) => setSelectedInspects(e.value as any)}
dataKey="id"
className="datatable-responsive"
globalFilter={globalFilter}
emptyMessage="not found."
header={header}
responsiveLayout="scroll"
globalFilterFields={['sku.id', 'sku.name']}
scrollable
scrollHeight="400px"
>

<Column field="id" filter header="id" sortable body={codeBodyTemplate} headerStyle={{ minWidth: '15rem' }}>
<Column field="name" filter header="Name" sortable body={nameBodyTemplate} headerStyle={{ minWidth: '15rem' }}>
<Column field="inspectStatus" header="Status" body={statusBodyTemplate} sortable headerStyle={{ minWidth: '10rem' }}>
<Column body={actionBodyTemplate} headerStyle={{ minWidth: '10rem' }}>

"

Where is the wrong?

My version is:

[email protected] dev
Next.js 14.2.4
"dependencies": {
"@fortawesome/fontawesome-free": "^6.5.2",
"@types/node": "20.3.1",
"@types/react": "18.2.12",
"@types/react-dom": "18.2.5",
"chart.js": "4.2.1",
"mathjs": "^13.0.0",
"next": "^14.2.4",
"primeflex": "^3.3.1",
"primeicons": "^6.0.1",
"primereact": "^10.6.6",
"react": "18.2.0",
"react-dom": "18.2.0",
"typescript": "5.1.3"
},

[melloware]

You need to update your theme to the latest SASS code. This has been asked many times just search. Your CSS needs to be updated.