title: Can't import the named export 'Children' from non EcmaScript module (only default export is available)
body: <p>im having this error when doing a named import from framer-motion module in reactjs.
  Obs: im not using webpack.</p>
  <pre><code>import { Fragment } from &quot;react&quot;;
  
  import classes from &quot;./Hero.module.css&quot;;
  
  import { motion } from &quot;framer-motion&quot;;
  
  import Header from &quot;../header/Header&quot;;
  
  export default function Hero() {
    return (
      &lt;Fragment&gt;
        &lt;Header /&gt;
        &lt;section className={classes.banner}&gt;
          &lt;img src=&quot;https://i.imgur.com/1arVXy2.jpg&quot; /&gt;
          &lt;motion.h1 className={classes.slogan}&gt;Produtos de alta performance&lt;/motion.h1&gt;
          &lt;div className={classes['see-more']}&gt;
            &lt;span&gt;Veja mais&lt;/span&gt;
          &lt;/div&gt;
        &lt;/section&gt;
      &lt;/Fragment&gt;
    );
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/G0jFj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/G0jFj.png" alt="enter image description here" /></a></p>