Next.js+TypeScriptのエラー「adsbygoogle property does not exist on type 'Window & typeof globalThis'.」の対処法

こんにちは。

Next.js+TypeScriptで作成しているサイトのGoogleAdsense設定でエラーが出たので、解消法をメモしておきます。

バージョン情報

• TypeScript : 4.6.2
• ESLint : 8.14.0

エラー内容

'adsbygoogle' は型 'Window & typeof globalThis' に存在しません。

対処法

/typesディレクトリにwindow.d.tsというファイルを作り、以下のように書く。

declare interface Window {
  adsbygoogle: {[key: string]: unknown}[]
}

参考記事

https://dev.classmethod.jp/articles/typings-of-window-object/

https://stackoverflow.com/questions/64694173/how-to-add-adsbygoogle-adsense-property-to-the-window-global-object-in-types

プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発