React 프롭 드릴링하다가 TypeError 터진 거 누가 좀 봐줘 😭

원격 파일 탐색기 UI 만들고 있는데 진짜 멘탈 나갈 것 같아서 글 씀 ㅋㅋ

폴더/파일 트리 구조 만들어서 딱 하나만 선택 표시되게 하려는 건데... 문제가 각 서브트리마다 state를 따로 관리하니까 폴더1에서 파일 선택하고 폴더2에서 또 선택하면 둘 다 active 됨 ㅠ 전역으로 하나만 선택되게 하고 싶거든

그래서 state를 상위 App 컴포넌트로 올리고 setActiveItem을 props로 내려주려고 했는데 🤔

"setActiveItem is not a function" TypeError가 터짐 ㅋㅋㅋㅋ 아니 왜???

FileExplorer에 activeItem, setActiveItem props 받도록 바꾸고, App에서 useState 선언해서 내려주는 구조인데 어디서 뭐가 잘못된 건지 모르겠음

근데 또 이상한 게 FolderItem 컴포넌트는 activeItem이랑 setActiveItem을 아예 안 받고 있어서... 거기서 끊기는 건가? 🤔

React 시작한 지 얼마 안 돼서 프롭 드릴링 개념은 아는데 실제로 하려니까 막히네 고수님들 도와줘요 🙏