데이터를 전역으로 전환하는 과정에서 아래와 같은 에러 메시지 출력
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 }>
를 추가하자 해당 에러가 사라졌다.
📌 참조