Can't import the named export 'Children' from non EcmaScript module (only default export is available)

error - ./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
Can't import the named export 'Children' from non EcmaScript module (only default export is available)

임포트 방식을 변경하여 문제 해결

// AS-IS
import { motion } from 'framer-motion';

// TO-BE
import { motion } from 'framer-motion/dist/framer-motion';

위와 같이 변경하였을 때 Could not find a declaration file for module 'framer-motion/dist/framer-motion' 에러 발생

src 폴더 하위에 framer-motion.d.ts 파일을 만들어주고 아래와 같이 작성

declare module 'framer-motion/dist/framer-motion' {
  export * from 'framer-motion';
}