Slate fails in IE11. Objects are not valid as a React child (found: List)

Bug in IE11.

Slate fails in IE because it uses Symbol data type.

I have add this to my webpack config to polyfill Symbol:

config.entries = [
  "core-js/es6/array.js", // because Slate uses Array.prototype.find
  "core-js/es6/symbol.js",
  "core-js/fn/symbol/iterator.js",
  ...
]

But still get an error in IE11.

Objects are not valid as a React child (found: List [ [object Object] ]). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of Node.

I found, it can be fixed by modify Slate’s Node code. We should add .toJS() call

renderText() {
   ...
   return (
     <span data-key={node.key}>
        {leaves.toJS()}
     </span>
    );
   ...
}

Will you approve pull request with this change or easier just make a fork?

Or maybe someone have another idea how to fix it in better way?

[kvolkovich-sc]

Merged in master. Closed.

[ianstormtaylor]

@kvolkovich-sc that would be great, thank you! For the find util, can we use lodash/find instead? Thanks!