Mmohebifar

mui-autocomplete-closeicon-to-closebuttonicon

Rename the deprecated `closeIcon` prop to `closeButtonIcon` on Material UI `Autocomplete` components (and theme defaultProps overrides) to align with current MUI API and remove deprecated prop usage.

muimaterial-uireactmigrationtransformation
Public
0 executions
Apply to Repository

Run locally

npx codemod mui-autocomplete-closeicon-to-closebuttonicon

@codemod/mui-autocomplete-closeicon-to-closebuttonicon

Rename the deprecated closeIcon prop to closeButtonIcon on Material UI Autocomplete components and MuiAutocomplete.defaultProps theme overrides.

Installation

bash

Usage

  • Rewrites <Autocomplete closeIcon={...} /> to <Autocomplete closeButtonIcon={...} /> when the JSX element resolves to MUI Autocomplete through @mui/material/Autocomplete, named @mui/material imports, aliased named imports, or namespace imports like <Mui.Autocomplete />.
  • Rewrites MuiAutocomplete.defaultProps.closeIcon object keys to closeButtonIcon, including components.MuiAutocomplete.defaultProps theme overrides and direct MuiAutocomplete.defaultProps object literals.
  • If both old and new props or keys already exist, removes the deprecated closeIcon entry and keeps the existing closeButtonIcon value.
  • Leaves unrelated closeIcon usage unchanged, including shadowed local Autocomplete bindings, non-MUI components, other MUI components, type members, and string content.

Examples

tsx

becomes

tsx
ts

becomes

ts

Development

bash

License

MIT

Ready to contribute?

Build your own codemod and share it with the community.

Publish a codemodJoin the community