ReactJS - SCRIPT1010: Expected identifier - Production build not running on IE11

Question

I created a new project with create-react-app today. The production build is not running fine on IE11, the console shows following error:

SCRIPT1010: Expected

Answer 1

You need to include babel-polyfills and transpile down to ES5 for IE11 to work.

React 16 depends on the collection types Map and Set. If you support older browsers and devices which may not yet provide these natively (e.g. IE < 11) or which have non-compliant implementations (e.g. IE 11), consider including a global polyfill in your bundled application, such as core-js or babel-polyfill.

https://reactjs.org/docs/javascript-environment-requirements.html

You can include a polyfill via webpack like so

entry: {
      app: [
        'babel-polyfill',
        'react-hot-loader/patch',
        'react',
        'react-dom',
        './src/index.web.tsx',
      ]
},