Chakra UI 설치 오류

공식문서에서 시키는 대로 다했다. 근데

오류

일단 화면이 안나옴

아래는 콘솔창 에러

Uncaught TypeError: Cannot read properties of undefined (reading '_config')

The above error occurred in the component:

at ChakraProvider ([http://localhost:3000/static/js/bundle.js:44907:12](http://localhost:3000/static/js/bundle.js:44907:12))  
at App

Consider adding an error boundary to your tree to customize error handling behavior.  
Visit [https://reactjs.org/link/error-boundaries](https://reactjs.org/link/error-boundaries) to learn more about error boundaries.

ㅋㅋ

해결방법

해결책은 바로

 

버전 2를 쓰는 것이다 ^^

 

버전 3이 되면서 뭔가 종속성이 안맞는 것 같은데 정확한 이유는 모르겠다

 

pakage.json 에서

"@chakra-ui/react": "^3.1.0",
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",

되어 있는거

"@chakra-ui/react": "2.8.2",
"@emotion/react": "11.11.3",
"@emotion/styled": "11.11.0",

이렇게 바꿔준다

 

가장 중요한건 @chakra-ui 이고 다른 두개도 혹~시 모르니 그냥 고정

 

그리고 이래도 에러가 나면 react 버전을 확인해보자.
18버전 이상이어야 한다고 함

 

버전 3쓸려고 할 때 나타나는 오류는 아직 해결 못함

해결하면 올리겠다 ~!