Next.jsで`window is not defined` を解決する(依存ライブラリ対応)

問題と原因 今回は依存ライブラリ内でpepjsが使われていたため、window is not definedが出ました。 つまり、pepjs内でwindowを使おうとしてるのが問題です。 原因はwindowがクライアント処理でしか使えないため、Nextjsのサーバサイド処理ではエラーになります。 Reactコンポーネント内で使う場合であれば下の記事の方法で、処理をクライアントサイドに限定することで解決できます。 Next.jsで"document is not defined." "window is not defined."のエラーが出たときの対処法 すなおにNextjsを使わない形でReactを使う手もありますが、Next(というかVercel)はその辺の対応をすでにしています。 また、Nuxt.jsではこれに関する記事が多くありますが、Nextjsではなぜかなかったので、記事として