In React 18, the @types/react package was changed so that the implicit children prop in React.FC is removed.

We want to reduce the number of changes that the future React 18 PR would have to make. Therefore, we should change our types to use our custom React.FCC type so that we can gradually adopt React 18.

See https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210 

AC:

• React.SFC is replaced with React.FCC
• React.FC is replaced with React.FCC, when possible, if its current usage will cause a build error when updating types/react
• Note: when we update @types/react to version 18, we should switch back to React.FC and remove the React.FCC type

Note: Codemods can be used to cover part of the changes