导出 react-scrollmagic 时出现问题

如何解决导出 react-scrollmagic 时出现问题

我有一个问题，我正在使用 react-scrollmagic 为我的网站设置动画，我有带有代码的 js 文件，我使用“导出默认函数名称”将 js 导出到我的 app.js 但它给了我这个错误“尝试导入错误：'react-scrollmagic' 不包含默认导出（作为 'ScrollMagic' 导入）。”有人可以帮助我吗？有办法解决吗？

    import ScrollMagic from 'react-scrollmagic'

function scrollPhone() {
   const phone = document.querySelector('.phone');
   const video = phone.querySelector('video');
   const txt = phone.querySelector('h1');

   const section = document.querySelector('section');
   const end = section.querySelector('h1');


   const controller= new ScrollMagic.Controller();

   const scene = new ScrollMagic.Scene({
       duration: 9000,triggerElement: phone,triggerHook: 0,})
   .addindicators()
   .setPin()
   .addTo(controller)
}

export default scrollPhone;