ReferenceError: window is not defined

[KatyHwang]

I am using the nextjs , the chart cannot show .

error msg:

Server Error
ReferenceError: window is not defined

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
external%20%22react-gantt-timeline%22 (1:0) @ Object.react-gantt-timeline

1 | module.exports = require("react-gantt-timeline");
Call Stack
webpack_require
webpack\bootstrap (21:0)
Show collapsed frames

[KatyHwang]

ReferenceError: window is not defined
at Object. (C:\Users\katy\source\react\shipDemo\node_modules\react-gantt-timeline\dist\index.js:1:421)

[kdoroszewicz]

I encountered the same problem @KatyHwang. You can work around it by using Dynamic Import:

import dynamic from "next/dynamic";
const TimeLine = dynamic(() => import("react-gantt-timeline"), { ssr: false });