create-react-app で作成した React のプロジェクトでは SVG ファイルを ReactComponent としてインポートすると inline-svg (<svg></svg>) として出力できるので path に CSS を当てたい場合などに便利です。 今回 Vite で作成した React (TypeScript) のプロジェクトで同じことをしようとしたのですがデフォルトの状態では SVG を ReactComponent として import できませんでした。 vite-plugin-svgr を使う 内部的に svgr という SVG を ReactComponent に変換できるツールを使っている vite-plugin-svgr プラグインがあったのでこちらを使うことにしました Then SVG files can be imported as Reac
![Vite React (TypeScript) で SVG を ReactComponent として扱いたい - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a208f7a8031ade2ec8220a8eb806c1ee5c86375/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F519V9qY%2BTgL._SL500_.jpg)