From b9088b0afadb37b474b807d2ffe9fa636d44b4b8 Mon Sep 17 00:00:00 2001
From: Ashesh Vashi <asheshv@users.noreply.github.com>
Date: Wed, 15 May 2024 17:06:45 +0530
Subject: [PATCH] Use index as a key for the table header group in
 PgReactTableStyled component. #7419

---
 web/pgadmin/static/js/components/PgReactTableStyled.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/pgadmin/static/js/components/PgReactTableStyled.jsx b/web/pgadmin/static/js/components/PgReactTableStyled.jsx
index 08345a890..77321d487 100644
--- a/web/pgadmin/static/js/components/PgReactTableStyled.jsx
+++ b/web/pgadmin/static/js/components/PgReactTableStyled.jsx
@@ -224,8 +224,8 @@ PgReactTableRowExpandContent.propTypes = {
 export function PgReactTableHeader({table}) {
   return (
     <div className='pgrt-header'>
-      {table.getHeaderGroups().map((headerGroup) => (
-        <div key={''} className='pgrt-header-row' style={{  }}>
+      {table.getHeaderGroups().map((headerGroup, idx) => (
+        <div key={idx} className='pgrt-header-row' style={{  }}>
           {headerGroup.headers.map((header) => (
             <div
               key={header.id}