我有这个react组件。它对我来说很好用。

import { Widget } from 'rasa-webchat';

function CustomWidget(){
    return (
        <Widget
        initPayload={"payload"}
        socketPath={"/socket.io/"}
        customData={{"language": "en"}}
        />
    )
}
export default CustomWidget;

但是当我尝试在我的 next.js 网站上使用它时，它无法正常工作。

它给了我一个窗口未定义错误。

我想我通过使用动态导入器解决了这个特定的错误：

import dynamic from "next/dynamic";

const webchat = dynamic(
  () => {
    return import('rasa-webchat');
  },
  { ssr: false }
);

但是现在我无法弄清楚如何实际使用包中的小部件组件。

import { Widget } from 'rasa-webchat'出于某种原因，我可以这样做还是只是与 next.js 不兼容？如果可能，我该怎么做？