お知らせ

現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。

Reactでグローバルな型を定義する方法（Windowオブジェクトの型拡張など）

投稿日：
言語::TypeScriptライブラリ::React

src/@typesにwindow.d.tsのような物を定義して使う方法。Reactに外部スクリプトを組み込んだ場合などに有用。

<script src="https://example.com/foo.js" />みたいなやつ。

確認環境

Env Ver
TypeScript 4.2.3

サンプルコード

declare global {
  interface Window {
    dataLayer: Array<unknown>;
  }
}

// これがないと他から見れない
export {};