인프런 커뮤니티 질문&답변

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

./dist/Workspace.tsx에서 {children} 질문입니다.

작성

246

강의를 들으면서 Workspace.tsx 코드를 작성할 때 const Workspace :FC를 해주면 children부분 타입에러가 해결된다고 하셨는데 계속 타입에러 뜨면서 컴파일 에러가 발생합니다.

그래서 따로 {children} : React.ReactNode도 해보고 any도 입력해 보았는데 둘다 해결되지 않습니다.

어떻게 해야하나요?

답변 2

지식공유자

에러메시지를 보여주세요. 그래야 제가 해결해드리죠.

질문자

이렇게 빨간줄 생기면서 에러가 뜨네요

지식공유자

제 강좌에서는 Workspace에 children을 쓰지 않는데 어느 부분 코딩을 하시는 건가요??

Channel에서도 Workspace를 쓰지 않습니다.

질문자

로그인, 회원가입 만들기에서 워크스페이스 만들기 + 로그아웃하기 3:41초부분이에요.

사진에 나와있는 거는 /layouts/Workspace.tsx입니다.

지식공유자

아 중간에 잠깐 저렇게 하고 나중에 구조 다시 잡기 전이네요.

Workspace에서 export부분이나 Channel에서 Workspace를 import하는 부분이 잘못된 것 같습니다.

지식공유자

만약 아무리 봐도 정상이다 싶으면

FC 대신 FC<React.PropsWithChildren<{}>> 해보세요.

질문자

FC<React.PropsWithChildren<{}>> 이렇게 하니까 잘 되네요. 감사합니다.

작성한 질문수