From b31ac6ab2ff0f7d53f8250b09f4f4ed19b01bdb0 Mon Sep 17 00:00:00 2001
From: Kalin Krustev <kalin.krustev@gmail.com>
Date: Tue, 1 Nov 2022 14:29:37 +0100
Subject: [PATCH] Fix: #3543

---
 components/lib/treetable/TreeTableHeader.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/lib/treetable/TreeTableHeader.js b/components/lib/treetable/TreeTableHeader.js
index 26bf7448cd..19b7cd873b 100644
--- a/components/lib/treetable/TreeTableHeader.js
+++ b/components/lib/treetable/TreeTableHeader.js
@@ -230,10 +230,9 @@ export const TreeTableHeader = React.memo((props) => {
             const resizer = createResizer(column);
 
             return (
-                <>
+                <React.Fragment key={column.columnKey || column.field || options.index}>
                     <th
                         ref={headerCellRef}
-                        key={column.columnKey || column.field || options.index}
                         className={className}
                         style={column.props.headerStyle || column.props.style}
                         tabIndex={column.props.sortable ? props.tabIndex : null}
@@ -255,7 +254,7 @@ export const TreeTableHeader = React.memo((props) => {
                         {filterElement}
                     </th>
                     {hasTooltip && <Tooltip target={headerCellRef} content={headerTooltip} {...column.props.headerTooltipOptions} />}
-                </>
+                </React.Fragment>
             );
         }
     };