From 64796caa773a6ec718b929ed7b80ea9519431e5c Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Mon, 5 Aug 2024 14:55:05 -0400
Subject: [PATCH] Fix #6989: Datatable errors in console

---
 components/lib/datatable/RowTogglerButton.js | 6 ++----
 components/lib/datatable/TableHeader.js      | 5 ++---
 package-lock.json                            | 4 ++--
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/components/lib/datatable/RowTogglerButton.js b/components/lib/datatable/RowTogglerButton.js
index ee8175eadd..df581a7b1c 100644
--- a/components/lib/datatable/RowTogglerButton.js
+++ b/components/lib/datatable/RowTogglerButton.js
@@ -34,8 +34,7 @@ export const RowTogglerButton = React.memo((props) => {
     const rowGroupTogglerIconProps = mergeProps(
         {
             className: cx('rowGroupTogglerIcon'),
-            'aria-hidden': true,
-            unstyled: isUnstyled()
+            'aria-hidden': true
         },
         ptm('rowGroupTogglerIcon'),
         getColumnPTOptions('rowGroupTogglerIcon')
@@ -49,8 +48,7 @@ export const RowTogglerButton = React.memo((props) => {
             onClick: (e) => onClick(e),
             className: cx('rowGroupToggler'),
             tabIndex: props.tabIndex,
-            'aria-label': label,
-            unstyled: isUnstyled()
+            'aria-label': label
         },
         ptm('rowGroupToggler'),
         getColumnPTOptions('rowGroupToggler')
diff --git a/components/lib/datatable/TableHeader.js b/components/lib/datatable/TableHeader.js
index d202316d00..3216aaedeb 100644
--- a/components/lib/datatable/TableHeader.js
+++ b/components/lib/datatable/TableHeader.js
@@ -214,15 +214,14 @@ export const TableHeader = React.memo((props) => {
                 const headerCellProps = mergeProps(
                     {
                         style: colStyle,
-                        className: classNames(filterHeaderClassName, className, cx('headerCell', { frozen, column: col })),
-                        key: colKey
+                        className: classNames(filterHeaderClassName, className, cx('headerCell', { frozen, column: col }))
                     },
                     getColumnPTOptions(col, 'root'),
                     getColumnPTOptions(col, 'headerCell')
                 );
 
                 return (
-                    <th {...headerCellProps}>
+                    <th key={colKey} {...headerCellProps}>
                         {checkbox}
                         {filterRow}
                     </th>
diff --git a/package-lock.json b/package-lock.json
index 10d4af64b6..501fedeb66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "primereact",
-    "version": "10.8.0",
+    "version": "10.8.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "primereact",
-            "version": "10.8.0",
+            "version": "10.8.1",
             "dependencies": {
                 "@docsearch/react": "3.6.1",
                 "chart.js": "4.4.3",