81일차 TIL: 타입스크립트 - 트러블슈팅

문제

데이터를 전역으로 전환하는 과정에서 아래와 같은 에러 메시지 출력
App.tsx
Type '{children: Element;}' has no properties in common with type 'IntrinsicAttributes'.
todos-context.tsx
Property 'children' does not exist on type '{}'.

해결

export const TodoContextProvider: React.FC<{ children: React.ReactNode }> = (
  props
) ...

찾아보니 리액트 18 이후 버전부터 나타나는 이슈라고 한다. 컴포넌트 반환 타입에 <{ children: React.ReactNode }>를 추가하자 해당 에러가 사라졌다.

📌 참조