Registry
Ccodemod-com-bot avatar

react-19-replace-default-props

Replace React function component defaultProps with default parameters

codemod-com-bot1,895 executions

  • React
  • defaultProps
  • migration
Connect a repo
npx codemod react-19-replace-default-props

react-19-replace-default-props

Replace React function component defaultProps assignments with ES default parameters.

This codemod mirrors react/19/replace-default-props from codemod/commons.

Usage

bash
npx codemod react-19-replace-default-props --target <path>

Example

Before

tsx
const Button = ({ size, color }) => {
  return <button style={{ color, fontSize: size }}>Click me</button>;
};

Button.defaultProps = {
  size: "16px",
  color: "blue",
};

After

tsx
const Button = ({ size = "16px", color = "blue" }) => {
  return <button style={{ color, fontSize: size }}>Click me</button>;
};

Ready to evolve your codebase?

Build tailored, compiler-aware skills to assess, plan, and automate complex codebase changes.