reactjs - react-virtualized AutoSizer を使用すると、複数の子の props 違反が発生する

Question

全て、

FlexTable と AutoSizer (react-virtualized から) を組み合わせようとしていますが、理由がよくわからないエラーが発生し続けます。私が見る限り、私は例に従っていますが、間違いを犯しているに違いありません.

私の render メソッドは次で終わります

return (
        <AutoSizer disableWidth>
            {({ height }) => (
                <FlexTable
                    ref='Table'
                    className={'FlexTable'}
                    headerClassName={'headerColumn'}
                    headerHeight={35}
                    height={height}
                    noRowsRenderer={this._noRowsRenderer}
                    rowClassName={::this._rowClassName}
                    onRowClick={this._onClick}
                    rowHeight={30}
                    rowGetter={this._rowGetter}
                    rowsCount={this.state.sorted.length}
                    sort={this._sort}
                    sortBy={sortBy}
                    sortDirection={sortDirection}
                    width={370}>
                    <FlexColumn label='Org-Nr' dataKey='clientNumber' width={115}/>
                    <FlexColumn label='Namn' dataKey='name' width={255}/>
                </FlexTable>
            )}
        </AutoSizer>
    )

何が起こるかというと、コンソールに次の警告が表示され、テーブルがレンダリングされません。

警告: 失敗した propType:childrenに指定された prop が無効AutoSizerです。単一の ReactElement が必要です。のレンダリング方法を確認してくださいTable。

と

Uncaught Invariant Violation: onlyChild には、1 つの子を持つ子を渡す必要があります。

これで、AutoSizer タグに 1 つ以上の子が与えられる方法がわかりません。唯一の子は FlexTable コンポーネントではありませんか?

よろしくお願いします

ダニエル・セドリング