npm ERR! Cannot read properties of null (reading 'edgesOut')

styled-component 를 설치하려고 보니 저런 에러가 떴다!

이 에러가 뜬 이유는 styled-component 레퍼지토리에 SC라는 것이 업데이트 되어 그렇다고 한다.

➡️ 해결 방법

1. 최신 버전으로 설치(불안정하다)

➡️ npm install styled-components@latest

🧨 여기서 최신버전으로 설치하면 styled-reset 설치에서도 에러가 난다..!

난 styled-reset도 설치하고 싶어서 다운 그레이드를 해주었다.

• 그 전에 이전에 설치했던 styled-component 라이브러리를 삭제했다

➡️ npm uninstall styled-components // 명령어로 삭제

2. ⭐ JS/JSX(JavaScript)를 사용하는 프로젝트의 경우(다운 그레이드)

➡️ npm install "styled-components@5.3.10" // 나는 이 명령어로 설치했다
➡️ npm i -D styled-components@5.3.10 // 이렇게 해도 된다고 한다

+) TS/TSX(TypeScript)를 사용하는 프로젝트의 경우
npm i -D styled-components@5.3.10 @types/styled-components

참고 링크
https://github.com/styled-components/styled-components/issues/3998

이러한 에러가 났을 때 이슈 페이지를 확인해보는 것이 좋을 것 같다
https://github.com/styled-components/styled-components/issues