React Typescript アプリケーションで、型定義ファイルの無いパッケージを利用する方法

2022年2月7日

React の TypeScript アプリケーションを作成する際に、インポートしたいパッケージが型定義ファイル（.d.ts）を提供していない場合があります。今回は、このような状況に対する対応方法です。

まずは、型定義ファイルが提供されていないパッケージのインポート文に、// @ts-ignore を付与します。

// @ts-ignore
import SlideRoutes from "react-slide-routes";

但し、Warning: findDOMNode is deprecated in StrictMode. という警告が表示されるようになります。この警告を消すためには、Index.tsx の React.StrictMode を取りやめる必要があります。

ReactDOM.render(
  // <React.StrictMode>
    <App />
  // </React.StrictMode>
  ,
  document.getElementById('root')
);