ことの起こり
React / TypeScript / Vite で新規ファイルを制作して進めようとし、いつもお世話になっている styled-components をインストールしようとしたところ。以下のような状態になりました。
Cannot read ....? 'edgesOut' ....? A complete .....? ん。。。ホワッツ・イズ・ディス？？？
まぁいいや！と進めてファイルを表示してみたところ「styled-components ってインストールしてます？？」的なことを指摘されました。（当然ファイルは機能せず）
そこで、styled-components のサイト（ https://www.npmjs.com/package/@types/styled-components ）へ確認しに行き、最新？のインストール方法の記述を試してみました。
npm install --save @types/styled-components
その後npm listで確認したところ、インストールはたしかにされていました。
が、やはりエラーが出て動かない。。。なぜだ。
エディターのターミナルが教えてくれていた「自PC内のここにあるログを見なさい（最初の画像にあった A complete ...の部分）」的なところを見に行きましたが見方もよく分からず。実力不足（泣）
とりあえず、そのログ内の行先頭に "error" という単語が出ているところを調べて、最初に表示されていたエラーがこれでした。
npm ERR! Cannot read properties of null (reading 'edgesOut')
ちなみに、この段階でも頭の中は？でいっぱい、大混乱状態です。
そこで当該コードをそのままコピペしてグーグル先生のもとへ。
目ぼしいサイトに記述されていた下記コード（3番目）で無事にinstall？でき、動くようにもなりました。
1：V5、、、npm install styled-components@5.3.10またはを使用する
2：糸を使用する、yarn install styled-componentsまたは
3：ベータ版を使用するには、npm install styled-components@latest
先程お伝えしたとおり、私は 3 で解決しました。
私を助けてくださったサイト様はこちらです。
npmエラー! null のプロパティを読み取ることができません (「edgesOut」を読み取る)
本当にありがとうございました。
もし「styled-components がいつものように動かない！」という方がいましたら、
上記をお試しください。
ちなみに
先程のサイトでは、更新が4日前（5/11）だったので、結構最近出てきたエラーなのかな？という印象です。
もし、他の方法もあるよー！という方はお手間でなければ教えていただけますと嬉しいです。
あと、この記事の内容がどこかで既出とかだったらすみません。
読んでいただき、ありがとうございました！