9.19 throws setState(...): You passed an undefined or null state object; instead, use forceUpdate()

Upgrading to 9.19 started throwing a React warning with React 15.6:

Warning: setState(...): You passed an undefined or null state object; instead, use forceUpdate()

I’m using it like this:

import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer'
import List from 'react-virtualized/dist/commonjs/List'

@observer
export class FeatureList extends React.Component {
  rowRenderer({ key, index, style }) {
    return <FeatureListItem key={key} style={style} feature={featureStore.featureArray[index]} />
  }

  render() {
    if (!mapUIStore.ready) return null

    return (
      <ul id="panel-items-list">
        <AutoSizer>
          {({ height, width }) => (
            <Observer>
              {() => (
                <List
                  width={width}
                  height={height}
                  rowCount={featureStore.count}
                  rowHeight={31}
                  rowRenderer={this.rowRenderer}
                  scrollToIndex={mapUIStore.scrollToIndex}
                />
              )}
            </Observer>
          )}
        </AutoSizer>
      </ul>
    )
  }
}

The warning happens when scrollToIndex is updated.

[TrySound]

Yep this is a breaking change. Try to fix it. We will return null in v10.

[wuweiweiwu]

Gotcha