title: IE11 Error: TypeError: non-array objects must have a [Symbol.iterator]() method
body: <p>My application working fine on Firefox and Google Chrome, but unfortunately not on IE 11 or Edge.
  I have installed <code>&quot;react-app-polyfill&quot;: &quot;^1.0.6&quot;</code>, added all the polyfills needed as explained below:</p>
  <p>index.js</p>
  <pre><code>import 'react-app-polyfill/ie11';
  import 'react-app-polyfill/stable';
  </code></pre>
  <p>package.json</p>
  <pre><code> &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;,
        &quot;last 1 ie version&quot;
      ]
    }
  </code></pre>
  <p>Error on IE11:</p>
  <pre><code>TypeError: Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.
  
  
  _createForOfIteratorHelper
  node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js:54
  
  
  &gt; 54 |   throw new TypeError(&quot;Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;);
       | ^
    55 | }
  </code></pre>
  <p>Thanks in advance for your help.</p>