From 947cc44c209ea46903e7526444006274b0693b3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Connor=20B=C3=A4r?= <connor.baer@me.com>
Date: Fri, 24 Jul 2020 16:55:08 +0200
Subject: [PATCH] fix(components): enable css prop on TableRow

beta
---
 src/components/Table/Table.js                        | 5 +++--
 src/components/Table/components/TableRow/TableRow.js | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Table/Table.js b/src/components/Table/Table.js
index 20cb5ebda1..6e3066e8ad 100644
--- a/src/components/Table/Table.js
+++ b/src/components/Table/Table.js
@@ -246,6 +246,7 @@ class Table extends Component {
       scrollable,
       onRowClick,
       onSortBy,
+      rows,
       ...props
     } = this.props;
     const {
@@ -256,7 +257,7 @@ class Table extends Component {
       tableBodyHeight,
     } = this.state;
 
-    const rows = this.getSortedRows();
+    const sortedRows = this.getSortedRows();
 
     return (
       <TableContainer
@@ -292,7 +293,7 @@ class Table extends Component {
             <TableBody
               condensed={condensed}
               scrollable={scrollable}
-              rows={rows}
+              rows={sortedRows}
               rowHeaders={rowHeaders}
               sortHover={sortHover}
               onRowClick={onRowClick}
diff --git a/src/components/Table/components/TableRow/TableRow.js b/src/components/Table/components/TableRow/TableRow.js
index 084889ba90..dbd8c5293b 100644
--- a/src/components/Table/components/TableRow/TableRow.js
+++ b/src/components/Table/components/TableRow/TableRow.js
@@ -13,9 +13,9 @@
  * limitations under the License.
  */
 
-import React from 'react';
+/** @jsx jsx */
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 
 import { isEnter, isSpacebar } from '../../../../util/key-codes';
 import { focusOutline } from '../../../../styles/style-helpers';