How to use the react-virtualized.Grid function in react-virtualized

overflow: 'hidden',
            top: 0
          } },
        _react2.default.createElement(
          'div',
          { id: 'app-menu-foldout' },
          _react2.default.createElement(
            'div',
            { className: 'menu-pane', style: {
                height: menuListHeight,
                maxHeight: '100%'
              } },
            _react2.default.createElement(
              'div',
              { className: 'list', role: 'menu' },
              _react2.default.createElement(_reactVirtualized.Grid, {
                cellRenderer: this.MenuListRenderer,
                columnCount: 1,
                rowCount: menulist.length,
                columnWidth: 240,
                height: menuListHeight,
                rowHeight: this.getRowHeight,
                width: 240
              })
            ),
            _react2.default.createElement('div', { className: 'menu-pane menu-endblock' })
          )
        )
      )
    );
  }
}

style: {
                      position: 'absolute',
                      top: 0,
                      height: 30,
                      width: column.width,
                      left: left
                    } },
                  column.synonym
                );

                left += column.width;

                return res;
              })
            ),
            _react2.default.createElement(_reactVirtualized.Grid, {
              ref: registerChild
              //className={styles.BodyGrid}
              , onSectionRendered: onSectionRendered,
              cellRenderer: _cellRenderer,
              columnCount: columns.length,
              columnWidth: ({ index }) => columns[index].width,
              rowCount: totalRowCount,
              rowHeight: 30,
              width: width,
              height: height - 90,
              style: { top: 30 }
            })
          );
        }
      )