title: core-js iterable-dom-collections will be imported but i cant iterate over DOM Collection with foreach
body: <p>here is a small test project (webpack5, babel7, core-js3, react17) to reproduce an error</p>
  <pre><code>import React, { useEffect } from 'react';
   
  const App = ({ title }) =&gt; {
  
  useEffect(() =&gt; {
      // code to run on component mount
      const divs = document.getElementsByTagName('div')
      console.log('divs', divs)
      divs.forEach(div =&gt; {
          console.log('div', div)
      });
    }, [])
  
    return(
        &lt;&gt;
    &lt;div&gt;{title}&lt;/div&gt;
    &lt;div&gt;{title}&lt;/div&gt;
    &lt;div&gt;{title}&lt;/div&gt;
    &lt;div&gt;{title}&lt;/div&gt;
    &lt;/&gt;)
  }
   
  export default App;
  </code></pre>
  <p>-&gt; Uncaught TypeError: divs.forEach is not a function</p>
  <p>My babel.rc:</p>
  <pre><code>{
    &quot;presets&quot;: [
      [&quot;@babel/preset-env&quot;,
        {
            &quot;targets&quot;: {
                &quot;browsers&quot;: [ &quot;last 1 version&quot;, &quot;ie &gt;= 11&quot; ]
              },
            &quot;useBuiltIns&quot;: &quot;usage&quot;,
            &quot;corejs&quot;: 3.18,
            &quot;debug&quot;: true
        }],
    [&quot;@babel/preset-react&quot;]
    ],
    &quot;plugins&quot;: [&quot;@babel/plugin-transform-runtime&quot;]
  }
  
  webpack-config:
  const path = require('path');
  
  module.exports = {
    entry: path.resolve(__dirname, './src/index.js'),
    module: {
      rules: [
        {
          test: /\.(js)$/,
          exclude: /node_modules/,
          use: ['babel-loader'],
        },
      ],
    },
    resolve: {
      extensions: ['*', '.js', '.jsx'],
    },
    output: {
      path: path.resolve(__dirname, './dist'),
      filename: 'bundle.js',
    },
    devServer: {
      contentBase: path.resolve(__dirname, './dist'),
    },
  };
  </code></pre>
  <p>package.json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;minimal-webpack-babel-setup&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;webpack serve --config ./webpack.config.js --mode development&quot;,
      &quot;prod&quot;: &quot;webpack serve --config ./webpack.config.js --mode production&quot;,
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 0&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;MIT&quot;,
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.3&quot;,
      &quot;@babel/plugin-transform-runtime&quot;: &quot;^7.15.0&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.12.1&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.14.5&quot;,
      &quot;@babel/register&quot;: &quot;^7.15.3&quot;,
      &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
      &quot;core-js&quot;: &quot;^3.18.1&quot;,
      &quot;webpack&quot;: &quot;^5.3.2&quot;,
      &quot;webpack-cli&quot;: &quot;^4.1.0&quot;,
      &quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@babel/runtime&quot;: &quot;^7.15.4&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;regenerator-runtime&quot;: &quot;^0.13.9&quot;
    }
  }
  </code></pre>
  <p>I wonder, because babel, webpack and core-js place the polyfill in the bundle:</p>
  <p>/* harmony import <em>/ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_1___default = /</em>#<strong>PURE</strong>*/<strong>webpack_require</strong>.n(core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_1__);</p>
  <p>see <a href="https://github.com/zloirock/core-js#iterable-dom-collections" rel="nofollow noreferrer">https://github.com/zloirock/core-js#iterable-dom-collections</a></p>
  <p>Does somebody has any idea?</p>