Object doesn't support property or method 'from'

I get the error message in the title when running my simple application in the IE. In chrome everything is just fine. The error points to the dayPicker.js file on line 128 in the function _toConsumableArray(arr). Any ideas on this? this is my wrapper component

import React from 'react';
import moment from 'moment';
import { SingleDatePicker, toMomentObject } from 'react-dates';
import toLocalizedDateString from './../../utils/toDateString';
class SingleDatePickerWrapper extends React.Component {
  constructor(props) {
    super(props);
    this.format = 'DD.MM.YYYY';
    this.state = {
      focused: false,
    };
  }

  onDateChange = (date) => {
    this.props.onBlur(toLocalizedDateString(date, this.format));
  }

  onFocusChange = ({ focused }) => {
    this.setState({ focused });
  }


  render = () => {
    const { focused } = this.state;
    let newProps = {};
    if (!this.props.onlyFuture){
      newProps = { ...this.props, isOutsideRange: () => {} };
    } else {
      newProps = { ...this.props };
    }
    return (
      <SingleDatePicker
        {...newProps}
        id="date_input"
        date={toMomentObject(this.props.date, this.format)}
        focusedInput={'endDate'}
        focused={focused}
        displayFormat={'DD-MMM-YYYY'}
        onDateChange={this.onDateChange}
        onFocusChange={this.onFocusChange}
      />
    );
  }
}

[ljharb]

Alternatively, you can use https://www.npmjs.com/package/airbnb-js-shims

[razh]

Babel converts the ES2015 spread operator ([...array]) to the _toConsumableArray helper function.

http://babeljs.io/repl/#?presets=es2015&code=[...array]

function _toConsumableArray(arr) {
  if (Array.isArray(arr)) {
    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { 
      arr2[i] = arr[i]; 
    } 
    return arr2; 
  } else {
    return Array.from(arr); 
  } 
}

This uses ES2015 Array.from which is not available in IE. You can use Babel’s polyfill for this:

http://babeljs.io/docs/usage/polyfill/