Reactjs 使用next.js动态导入库

有没有办法将库动态导入到我的next.js项目中？或者在初始页面加载后将其加载？我希望动态导入下面的toastify库，因为只有在有人单击页面上的某个元素时才真正需要它

尝试了以下操作，但没有成功：

import dynamic from 'next/dynamic'

const { ToastContainer, toast } = dynamic(import('react-toastify'), { ssr: false });

---

在Nextjs中动态导入

从“下一个/动态”导入动态
常量DynamicComponent=dynamic（（）=>import（'../components/hello'））

命名导入

。/components/hello.js

导出函数Hello（）{ return你好

} 导入

从“下一个/动态”导入动态
常量DynamicComponent=动态（（）=>
导入（'../components/hello'）。然后（（mod）=>mod.hello）
)

多个命名导入

。/components/hello.js

导出函数Hello（）{ return你好

} 通过（）导出函数{ 返回By

} 导入

从“下一个/动态”导入动态
const{Hello，By}=dynamic（（）=>
导入（'../components/hello'）。然后（（mod）=>mod），{ssr:false}
)

在Nextjs中动态导入

从“下一个/动态”导入动态
常量DynamicComponent=dynamic（（）=>import（'../components/hello'））

命名导入

。/components/hello.js

导出函数Hello（）{ return你好

} 导入

从“下一个/动态”导入动态
常量DynamicComponent=动态（（）=>
导入（'../components/hello'）。然后（（mod）=>mod.hello）
)

多个命名导入

。/components/hello.js

导出函数Hello（）{ return你好

} 通过（）导出函数{ 返回By

} 导入

从“下一个/动态”导入动态
const{Hello，By}=dynamic（（）=>
导入（'../components/hello'）。然后（（mod）=>mod），{ssr:false}
)

没有帮你吗？没有帮你吗？