title: How to iterate over multiple imported modules from index file
body: <p>I have a directory called <code>Polygons</code> where I have created an <code>index.js</code> file to export all the files from the directory. It looks something like this:</p>
  
  <pre><code>export {default as europe} from './europe'
  export {default as northAmerica} from './northAmerica'
  </code></pre>
  
  <p><code>europe</code> file exports variable like this:</p>
  
  <pre><code>export default europe;
  </code></pre>
  
  <p>And in the file where I would like to use this variables I am importing them like this:</p>
  
  <pre><code>import * as regions from './Polygons'
  </code></pre>
  
  <p>I would like to iterate somehow now over those imports, is there any way of doing this?</p>
  
  <p>I have tried doing:</p>
  
  <pre><code>  for (const element of regions) {
      console.log(element);
    }
  </code></pre>
  
  <p>But, then I get:</p>
  
  <pre><code>Uncaught (in promise) TypeError: Invalid attempt to iterate non-iterable instance.
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
  </code></pre>