[React] 내배캠 팬레터 프로젝트(3) : useContext, cannot destructure property 에러 해결

 

 

💡 특정멤버에게 편지를 작성하고, 멤버 페이지마다 그 멤버의 편지함을 볼 수 있는 사이트

 

😇 props 로 내려줬던 데이터들을 useContext 로 바꾸다가 생긴 에러

 

모든 페이지에서 쓰고 있는 letter 들은 잘 내려줬는데..

편지가 저장될 멤버 데이터를 내려주다가 에러가 생겼다.

 

 

검색해보니.. 오타나, 경로를 이상하게 가져왔을 거라고 나오길래

이름을 다 복붙해가며 수정해봤는데도 해결이 안됐다.

 

 

자꾸 저 ToHeader 에서 쓸 name 이 에러가 떠서

최상위에서 내려줬는데 왜 안되지??! 했으나

Member.jsx 에서 Provider 로 감싼 상태에서

Detial.jsx 에서도ToHeader 컴포넌트를 써서 생긴 문제였다.

 

🥵 그래서 데이터를 쓸 .. 최상위인 Layout 에 Provider 를 넣어주었다.

props drilling 과 마찬가지로 데이터를 어디서 쓰는지 & 컴포넌트 구조를

잘 파악해두지 않으면 이렇게 오류를 만나는 거 같다. 꼼꼼히 생각하기..!