[React] 타입스크립트와 children 사용

 리액트18 이전까지는 React.FunctionComponent 인터페이스가 children 프로퍼티를 가지고 있었다. 반면 React.FC 인터페이스에는 해당 프로퍼티가 없기 때문에 React.FunctionComponent 인터페이스를 사용했다.

 그런데 리액트18 이후부터 React.FunctionComponent에서도 children 프로퍼티가 제거되었기 때문에 이를 사용하고 싶다면 타입이나 인터페이스 안에 children 프로퍼티를 만들어 따로 정의해야 한다.

type props = {
    children: React.ReactNode;
}

https://blog.logrocket.com/using-react-children-prop-typescript/

 17 버전에서는 잘만 되던 동작이 갑자기 안되서 찾아보았다.