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

Styled-Components 설치시 오류

문제 상황

styled-components 설치 방법 - 공식Docs

npm install styled-components

react 프로젝트에 styled-components를 설치하기 위해 공식 문서에 언급된 설치 명령어를 입력했는데 다음과 같은 오류가 나왔다.

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

 

문제 원인

latest version of styled-components is v6 but there is some issue while doing npm i styled-components

styled-components version6 이후로 다음 명령어시 문제가 발생.

 

문제 해결

//Use V5, 
npm install styled-components@5.3.10
//Use yarn
yarn install styled-components
//To use the beta version
npm install styled-components@latest

Reference

https://stackoverflow.com/questions/70810819/npm-err-cannot-read-properties-of-null-reading-edgesout