Перекрытие элементов при использовании списка динамической высоты

У меня почти такая же проблема, как у Facebook при рендеринге фида. Как только отрисовывается много постов, появляются проблемы с производительностью. После некоторых исследований я обнаружил, что react-virtualized — это круто, но у меня возникли проблемы с тем, чтобы заставить его работать для моего приложения.

Вот проблемы, с которыми я сталкиваюсь:

1. Поскольку в каждое сообщение может быть встроен iframe или изображение, я запускаю обратный вызов measure из CellMeasurer после загрузки этих элементов. Из-за этого некоторые элементы кажутся смещенными. Я пробовал делать parent.measureAllRows() и parent.recomputeRowHeights() каждый раз, когда вызывается обратный вызов measure, чтобы посмотреть, исправит ли он это, но это не так.
2. Каждый пост имеет расширяемый раздел, поэтому мне нужно пересчитать его высоту. Есть ли альтернатива, кроме отправки реквизита компоненту?

Это установка:

class VirtualPostList extends React.PureComponent {
  constructor(props, context) {
    super(props, context);
    this._cache = new ReactVirtualized.CellMeasurerCache({
      fixedWidth: true,
      defaultHeight: 400
    });
    this.rowRenderer = this.rowRenderer.bind(this);
  }


  rowRenderer({index, isScrolling, key, parent, style}) {
    return (
      <ReactVirtualized.CellMeasurer
        cache={this._cache}
        columnIndex={0}
        key={key}
        parent={parent}
        rowIndex={index}>
        {({measure}) => (
          <div key={key} style={style}>
            <Post onLoad={measure}/>
          </div>
        )}
      </ReactVirtualized.CellMeasurer>
    )
  }

  componentDidUpdate(){
    this.listComponent.recomputeRowHeights();
  }

  render() {
    const cache = this._cache;
    const rowCount = this.props.posts.length;
    const _this = this;
    return (
      <ReactVirtualized.WindowScroller>
        {({height, isScrolling, onChildScroll, scrollTop}) =>
          <ReactVirtualized.AutoSizer disableHeight>
            {({width}) =>
              <ReactVirtualized.List
                autoHeight
                isScrolling={isScrolling}
                height={height}
                width={width}
                rowCount={rowCount}
                deferredMeasurementCache={cache}
                rowHeight={cache.rowHeight}
                rowRenderer={this.rowRenderer}
                scrollTop={scrollTop}
                onScroll={onChildScroll}
                ref={(listComponent) => _this.listComponent = listComponent}
              />
            }
          </ReactVirtualized.AutoSizer>}
      </ReactVirtualized.WindowScroller>
    )
  }
}

Пример перекрытия: