4.2.3

.storybook/config.js

@@ -15,7 +15,7 @@ import ServerSide from '../stories/ServerSide.js'
 import SubComponents from '../stories/SubComponents.js'
 import Pivoting from '../stories/Pivoting.js'
 import PivotingSubComponents from '../stories/PivotingSubComponents.js'
-import MillionRows from '../stories/MillionRows.js'
+import OneHundredKRows from '../stories/OneHundredKRows.js'
 //
 configure(() => {
   storiesOf('1. Docs')
@@ -36,5 +36,5 @@ configure(() => {
     .add('Sub Components', SubComponents)
     .add('Pivoting & Aggregation', Pivoting)
     .add('Pivoting & Aggregation w/ Sub Components', PivotingSubComponents)
-    .add('1 Million Rows w/ Pivoting & Sub Components', MillionRows)
+    .add('100k Rows w/ Pivoting & Sub Components', OneHundredKRows)
 }, module)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "description": "A fast, lightweight, opinionated table and datagrid built on React",
   "license": "MIT",
   "homepage": "https://github.com/tannerlinsley/react-table#readme",

src/index.js

@@ -541,9 +541,10 @@ export default React.createClass({
 
     const makePadRow = (row, i) => {
       return (
-        <TrGroupComponent>
+        <TrGroupComponent
+          key={i}
+        >
           <TrComponent
-            key={i}
             className={classnames(trClassName, '-padRow')}
             style={trStyle}
           >

stories/OneHundredKRows.js

@@ -6,7 +6,7 @@ import CodeHighlight from './components/codeHighlight'
 import ReactTable from '../lib/index'
 
 export default () => {
-  const data = _.map(_.range(1000000), d => {
+  const data = _.map(_.range(100000), d => {
     return {
       firstName: namor.generate({ words: 1, numLen: 0 }),
       lastName: namor.generate({ words: 1, numLen: 0 }),