Codemod verified
Regularly tested and maintained by our engineers and codemod expert community.
migration
by
Codemod
React/Replace React Fc Typescript
Last update
Jan 10, 2025
This codemod removes React.FC, React.FunctionComponent and React.SFC and replaces the Props as the type of the unique argument in the component definition.
This codemod supports:
- Inline defined props.
- Generics.
- Props defined with intersection.
- Component modules defined using intersection.
- Regular named functions.
- Functions that accept a component definition.
- Using FC, FunctionComponent and SFC as a named export.
Before:
type Props2 = { id: number };export const MyComponent2: React.FC<Props2> = (props) => {return <span>{props.id}</span>}
After:
type Props2 = { id: number };export const MyComponent2 = (props: Props2) => {return <span>{props.id}</span>;};
Build custom codemods
Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community