[오류] Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes'.

문제의 코드, children에 계속 밑줄이 그어짐

const TodosContextProvider: React.FC<Props> = (props) => {
  return (
  <TodosContext.Provider value={contextValue}>
    {props.children}
  </TodosContext.Provider>
  )
}

해결

type Props = {
  children?: React.ReactNode;
};

 

children 정의. react 18 에선 children지원하지 않는다고 함.

리액트 18의 타입스크립트 타입 변경점