ReferenceError: window is not defined on NextJS Build

I have come across an issue when compiling NextJS into a published build. When you compile using next build, it comes up with an issue ReferenceError: window is not defined.

I have worked out a fix for this which would be useful for those using the Next JS Framework. Is there a way to add this to your code?

[jsfour]

Our builds stopped working on Gatsby as well. This looks like its due to the new version. We were able to fix by fixing the version to 1.2.6:

-    "react-modal-video": "^1.2.6",
+    "react-modal-video": "1.2.6",

[iyonaga]

In my Next app, I used dynamic import to get around this issue.

import dynamic from 'next/dynamic';
const ModalVideo = dynamic(() => import('react-modal-video'), { ssr: false });