From 916ea8e427e0571c45ca15e5f3a0ca89e6cd2f39 Mon Sep 17 00:00:00 2001
From: Austin Akers <austin@harperdb.io>
Date: Wed, 20 Nov 2024 20:33:37 -0800
Subject: [PATCH] fixed error that occured in v4.8.0

---
 package.json                             | 2 +-
 src/components/shared/DataTableHeader.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 86e250cbf..f486ac4eb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "harperdb-studio",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "description": "A UI for HarperDB",
   "deploymentUrl": "studio.harperdb.io",
   "private": true,
diff --git a/src/components/shared/DataTableHeader.js b/src/components/shared/DataTableHeader.js
index ee3a14684..16dc9104e 100644
--- a/src/components/shared/DataTableHeader.js
+++ b/src/components/shared/DataTableHeader.js
@@ -22,11 +22,11 @@ const DataTableHeader = ({ headerGroups, onSortedChange, sorted, showFilter, dyn
             <Col
               key={column.id}
               onClick={() => {
-                if (!dynamicAttributesFromDataTable.includes(column.id) && isIndexedAttribute(column.id)) {
+                if (dynamicAttributesFromDataTable && !dynamicAttributesFromDataTable.includes(column.id) && isIndexedAttribute(column.id)) {
                   onSortedChange([{ id: column.id, desc: sorted[0]?.id === column.id ? !sorted[0]?.desc : false }])
                 }
               }}
-              className={`${sorted[0]?.id === column.id ? 'sorted' : ''} ${sorted[0]?.desc ? 'desc' : 'asc'} ${column.id.indexOf('hdb-narrow') !== -1 ? 'action' : ''} px-1 ${!dynamicAttributesFromDataTable.includes(column.id) && isIndexedAttribute(column.id) ? '' : 'disabled-column'}`}
+              className={`${sorted[0]?.id === column.id ? 'sorted' : ''} ${sorted[0]?.desc ? 'desc' : 'asc'} ${column.id.indexOf('hdb-narrow') !== -1 ? 'action' : ''} px-1 ${dynamicAttributesFromDataTable && !dynamicAttributesFromDataTable.includes(column.id) && isIndexedAttribute(column.id) ? '' : 'disabled-column'}`}
             >
               <div className="text-renderer">{column.render('Header')}</div>
             </Col>