From 1dac23321957812d0c56699c8298dad30edfa924 Mon Sep 17 00:00:00 2001
From: Jorge Vergara <jbvergara@bethel.jw.org>
Date: Sun, 12 Jun 2022 17:47:45 -0400
Subject: [PATCH] Fix thKeys property

---
 src/DataTable/DataTable.svelte | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte
index 2ab0f21d..a51a943f 100644
--- a/src/DataTable/DataTable.svelte
+++ b/src/DataTable/DataTable.svelte
@@ -144,13 +144,10 @@
   };
   const dispatch = createEventDispatcher();
   const batchSelectedIds = writable(false);
-  const headerItems = writable([]);
   const tableRows = writable(rows);
-  const thKeys = derived(headerItems, () =>
-    headers
-      .map(({ key }) => ({ key, id: key }))
-      .reduce((a, c) => ({ ...a, [c.key]: c.id }), {})
-  );
+  $: thKeys = headers
+    .map(({ key }) => ({ key, id: key }))
+    .reduce((a, c) => ({ ...a, [c.key]: c.id }), {});
   const resolvePath = (object, path) => {
     if (path in object) return object[path];
     return path
@@ -356,7 +353,7 @@
                     sortKey === header.key ? sortDirection : 'none';
                   sortDirection = sortDirectionMap[currentSortDirection];
                   sortKey =
-                    sortDirection === 'none' ? null : $thKeys[header.key];
+                    sortDirection === 'none' ? null : thKeys[header.key];
                   dispatch('click:header', { header, sortDirection });
                 }
               }}"