初めに
reactでstyled-componentsを使用した際に直面したエラー
大きく2つのエラーが出ていました
Invalid Hook Call
Cannot read properties of null (reading 'useContext') TypeError: Cannot read properties of null (reading 'useContext')
現象
npmでインストールした後、styled-componentsを使用して画面表示をしようとしたら表示されない。
原因
npm iを叩くディレクトリが間違っていた。
いつもインストールしていたとことの1つ上の階層で叩いてしまい、PCのグローバルのnode_modulesにもstyled-componentsが入ってしまいそれが悪さしているようでした。
解決法
まずnpmのrootはどこになっているかを確認する。
npm root
/Users/yoshi/node_modules
自分のマックでは上記になっていた。
そこをみにいくと
しっかり入っていた。
こちらを削除して、もう一回npm run devして解決
まとめ
思わぬところに落とし穴がありました。
叩くコマンド、場所とかは注意していきたいですね。