From 495b4142c7890557f1f8fba9be23d8f7306f17f8 Mon Sep 17 00:00:00 2001
From: John Mitchell <jmitchel@ovpn-114-250.rdu2.redhat.com>
Date: Wed, 5 Aug 2020 11:15:19 -0400
Subject: [PATCH] make sortColumnKey error message more clear

---
 awx/ui_next/src/components/Sort/Sort.jsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/awx/ui_next/src/components/Sort/Sort.jsx b/awx/ui_next/src/components/Sort/Sort.jsx
index c90d120055..c0a513cd48 100644
--- a/awx/ui_next/src/components/Sort/Sort.jsx
+++ b/awx/ui_next/src/components/Sort/Sort.jsx
@@ -102,9 +102,16 @@ class Sort extends React.Component {
     const { up } = DropdownPosition;
     const { columns, i18n } = this.props;
     const { isSortDropdownOpen, sortKey, sortOrder, isNumeric } = this.state;
-    const [{ name: sortedColumnName }] = columns.filter(
-      ({ key }) => key === sortKey
-    );
+
+    const defaultSortedColumn = columns.find(({ key }) => key === sortKey);
+
+    if (!defaultSortedColumn) {
+      throw new Error(
+        'sortKey must match one of the column keys, check the sortColumns prop passed to <Sort />'
+      );
+    }
+
+    const sortedColumnName = defaultSortedColumn?.name;
 
     const sortDropdownItems = columns
       .filter(({ key }) => key !== sortKey)