Table component is broken on webkit

[gama]

To reproduce: go to the table demo page using Safari (or another webkit based browser, such as PhantomJS). The page won't render, and you'll see the following message on your console:

ReferenceError: Can't find variable: Symbol

[CumpsD]

Having the same issue on IE Edge

Symbol is undefined

Happening here:
https://github.com/callemall/material-ui/blob/master/src/table/table.jsx#L87-L89

Transpiled to:

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

[CumpsD]

Seems to come down to: babel/babel#1534

[CumpsD]

import 'babel/polyfill'; at my entry point solved the issue for IE

[timuric]

Added pull request #1755

[SergeBredin]

A require on core-js is enough, no need to install Babel actually
window.Symbol = require('core-js/modules/es6.symbol');
window.Symbol.iterator = require('core-js/fn/symbol/iterator');

[iwang]

in my case I just add below in the first line of entry point.
import 'babel-core/polyfill';

[STRML]

No reason to use for/of here, React.Children.forEach works correctly and has no external dependencies.

Additionally, if there is only a single child (say, <TableBody> without a <TableHead>), children is an object, which is not iterable without Object.entries(), which requires another shim.