ブラウザ側にしか存在しないグローバルオブジェクトのwindowやdocumentを参照しようとすると、エラーが起きます。

対処法

windowオブジェクトが存在するかどうかをtypeof windowでチェックし使用する。

if (typeof window !== "undefined") {
 // 処理を記述
}

もしくは以下

if(process.browser){
 // 処理を記述
}

こちらは非推奨の警告が出ていたため最初の記述で対処した。
※next.js 12系(2022年11月現在)

参考