New codemod to prefix transient prop names with $

[kylecombes]

I can't tell if this repo is still active, but I'll post this here anyway.

With styled-components v6, automatic prop filtering was dropped, meaning props that should not be forwarded to the underlying DOM elements should be prefixed with a $. Doing this manually is extremely tedious and laborious.

Performing this rename seems like something that a codemod should be able to do. It might not get everything completely right (i.e. devs should still probably look over the changes it makes), but it should be able to at least find all of the places in code where a $ prefix may need to be added.

Is this something someone here could create? I've never written a codemod before.

[RmnRss]

@kylecombes do you have any news on this, or have you found a codemod to do so ?

[mohab-sameh]

@kylecombes @RmnRss Maybe we can whip up something with Codemod Studio. Can you give me a few before/after snippets of the transformation? If it's from your actual project, that's a plus.