WindowScroller initial width and height are undefined

[learningfe]

Bug Report

When I use the WindowScroller HOC, if you pass the scrollElement property, WindowScroller will get the wrong initial state (width and height), and the child component (like Collection) will receive the undefined props:

<WindowScroller scrollElement={scrollElement}>
  {({ width, height }) => console.log(width, height)}  //  you will get two undefined at first render
</WindowScroller>

The problem seems to be caused by the spread syntax, it can not copy the DOMRect type data:

react-virtualized/source/WindowScroller/WindowScroller.js

Line 96 in 2f6ff33

...getDimensions(this.props.scrollElement, this.props),

console.log({ ...document.body.getBoundingClientRect())
// output is {}

The spread syntax will be transformed to this:

_defineProperty(_assertThisInitialized(_this), "state", _objectSpread({}, getDimensions(_this.props.scrollElement, _this.props), {
  isScrolling: false,
  scrollLeft: 0,
  scrollTop: 0
}));

This is the implementation of _objectSpread on my development environment, it only assigns the own property of parameters:

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }