styled-component 오류??

styled-component를 사용하면서 마주친 오류

SWIPE GAME을 만들기 위해서 그냥 바탕 화면먼저 그려볼려고 이렇게 작성했었다.

import styled from 'styled-components'

const Wrapper = styled.div`
	width:100vw;
	heigth:100vh;
	background-color:#eee;
`
export function Container () {
 	return (
      <Wrapper>
      </Wrapper>
    ) 
}

정말 간단하게 위 처럼 배경전체를 #EEE 색깔로 꽉 채우게 했는데 오류가 떴다.

cannot read properties of null (reading 'usecontext')

usecontext를 사용하지도 않았고 무슨 오류일까 싶어서 구글링을 했었다.
그러다가 package.json에서 styled-component의 버전을 확인했는데
"styled-component": "^2.8.0" 이렇게 버전이 매우 낮음을 확인했다.
버전이 낮으면 생기는 문제인걸 확인하고
npm uninstall styled-components 후
npm install styled-components@5.3.10으로 최신버전으로 설치 했더니 오류가 해결되었다.
^^b