tengo este error al hacer una importación con nombre desde el módulo framer-motion en reactjs. Obs: no estoy usando webpack.

 import { Fragment } from "react"; import classes from "./Hero.module.css"; import { motion } from "framer-motion"; import Header from "../header/Header"; export default function Hero() { return ( <Fragment> <Header /> <section className={classes.banner}> <img src="https://i.imgur.com/1arVXy2.jpg" /> <motion.h1 className={classes.slogan}>Produtos de alta performance</motion.h1> <div className={classes['see-more']}> <span>Veja mais</span> </div> </section> </Fragment> ); }