[Typescript] TS2339: Property 'children' does not exist on type '{}'.

const TodosContextProvider: React.FC = (props) => {
  
  ...코드생략
  
  return (
    <TodosContext.Provider value={contextValue}>
      {props.children}
    </TodosContext.Provider>
  );
};

 
강의를 따라하는데 props.children 은 따로 명시를 해주지 않아도 children이 자동으로 있다고 그냥 쭉쭉 진도나가는데 나는 자꾸 존재하지 않는다고 떴다.
 

시도1

const TodosContextProvider: React.FC<{}> = (props) => {

	...코드생략

  return (
    <TodosContext.Provider value={contextValue}>
      {props.children}
    </TodosContext.Provider>
  );
};

그래서 FC에 제네릭으로 빈 객체를 넣어줘봤다.
 
응 그래도 빨간줄
 
 
 

시도2

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

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

props에 children 속성을 명시적으로 추가하기위해 Props라는 인터페이스를 정의하고, TodosContextProvider의 React.FC 제네릭에 Props를 추가해줬다.
 
 
 
 

 

해결완료!