TypeError: Cannot read properties of undefined (reading 'Web3Provider')の解決法

状況

HardhatでDappを開発している初学者です。
Next.jsでのフロントエンド開発時に以下のようなエラーがコンソールに出力されました。

TypeError: Cannot read properties of undefined (reading 'Web3Provider')

エラー箇所は以下の1行です。

index.js

const provider = new ethers.providers.Web3Provider(window.ethereum)

原因と解決法

いくらググっても解決法がヒットしませんでしたが、最後の最後で以下のページを見つけました。
https://ethereum.stackexchange.com/questions/144315/nextjs-13-and-ethers-properties-of-undefined-reading-web3provider
原因はethersのバージョンです。バージョン6以降を使用するとエラーが出るみたいです。

バージョン5.xにダウングレードするとエラーが消えました。

参考