Move DataTable header creation to before updating sort order (#3924)

* Move header creation before sort order determination

* Create slimy-foxes-wash.md

---------

Co-authored-by: Josh Black <joshblack@github.com>

.changeset/slimy-foxes-wash.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Fix issue in DataTable so that sort order is determined after column headers are created

src/DataTable/useTable.ts

@@ -71,15 +71,6 @@ export function useTable<Data extends UniqueRow>({
     }
   }
 
-  // Update the row order and apply the current sort column to the incoming data
-  if (data !== prevData) {
-    setPrevData(data)
-    setRowOrder(data)
-    if (sortByColumn) {
-      sortRows(sortByColumn)
-    }
-  }
-
   const headers = columns.map(column => {
     const id = column.id ?? column.field
     if (id === undefined) {
@@ -102,6 +93,15 @@ export function useTable<Data extends UniqueRow>({
     }
   })
 
+  // Update the row order and apply the current sort column to the incoming data
+  if (data !== prevData) {
+    setPrevData(data)
+    setRowOrder(data)
+    if (sortByColumn) {
+      sortRows(sortByColumn)
+    }
+  }
+
   /**
    * Sort the input row data by the given header
    */