<p dir="auto">I'm on 5.8.23 (babel-core 5.8.25), and getting the following error for for..of on IE9 and IE11. Haven't tested on IE10.</p>
<pre class="notranslate">ReferenceError: 'Symbol' is undefined</pre>
<p dir="auto">Hey there,</p>
<p dir="auto">I've used a simple <code class="notranslate">for...of</code> statement in my JSX file, but the output breaks Safari (8.0.7). Works fine in Chrome and Firefox. The error message is "ReferenceError: Can't find variable: Symbol" and I indeed can't find any reference to <code class="notranslate">Symbol</code> in the file. Might be a missing polyfill?</p>
<p dir="auto">This is the original code:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="for (let block of blocks) {
      this.createColourBlockScene(scrollController, pageReference, block.blockReference, block.hexColour1, block.hexColour2);
}"><pre class="notranslate"><code class="notranslate">for (let block of blocks) {
      this.createColourBlockScene(scrollController, pageReference, block.blockReference, block.hexColour1, block.hexColour2);
}
</code></pre></div>
<p dir="auto">Which gets transpiled into this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="      var _iteratorNormalCompletion = true;
      var _didIteratorError = false;
      var _iteratorError = undefined;

      try {
        for (var _iterator = blocks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
          var block = _step.value;

          _this.createColourBlockScene(scrollController, pageReference, block.blockReference, block.hexColour1, block.hexColour2);
        }
      } catch (err) {
        _didIteratorError = true;
        _iteratorError = err;
      } finally {
        try {
          if (!_iteratorNormalCompletion &amp;&amp; _iterator['return']) {
            _iterator['return']();
          }
        } finally {
          if (_didIteratorError) {
            throw _iteratorError;
          }
        }
      }"><pre class="notranslate"><code class="notranslate">      var _iteratorNormalCompletion = true;
      var _didIteratorError = false;
      var _iteratorError = undefined;

      try {
        for (var _iterator = blocks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
          var block = _step.value;

          _this.createColourBlockScene(scrollController, pageReference, block.blockReference, block.hexColour1, block.hexColour2);
        }
      } catch (err) {
        _didIteratorError = true;
        _iteratorError = err;
      } finally {
        try {
          if (!_iteratorNormalCompletion &amp;&amp; _iterator['return']) {
            _iterator['return']();
          }
        } finally {
          if (_didIteratorError) {
            throw _iteratorError;
          }
        }
      }
</code></pre></div>
<p dir="auto">In case you need it, this is the array I'm looping through:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="let blocks = [
      {
        blockReference: React.findDOMNode(this.refs.blockClient),
        hexColour1: '6114CC',
        hexColour2: '6A86EC'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockOwnStuff),
        hexColour1: '6A86EC',
        hexColour2: '3F63D9'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockVenture),
        hexColour1: '3F63D9',
        hexColour2: '143FCC'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockStudio),
        hexColour1: '143FCC',
        hexColour2: 'FFBF02'
      },
    ];"><pre class="notranslate"><code class="notranslate">let blocks = [
      {
        blockReference: React.findDOMNode(this.refs.blockClient),
        hexColour1: '6114CC',
        hexColour2: '6A86EC'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockOwnStuff),
        hexColour1: '6A86EC',
        hexColour2: '3F63D9'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockVenture),
        hexColour1: '3F63D9',
        hexColour2: '143FCC'
      },
      {
        blockReference: React.findDOMNode(this.refs.blockStudio),
        hexColour1: '143FCC',
        hexColour2: 'FFBF02'
      },
    ];
</code></pre></div>