In 5.1.0, styled-components introduced transient props. Props prefixed with a dollar sign (
$) are "mark[ed] as transient and styled-components knows not to add it to the rendered DOM element or pass it further down the component hierarchy".
This would be useful functionality to support -- I am exploring migrating from
None suggested. The intent is to follow this implementation detail introduced by another CSS-in-JS project.
Material UI v4 -> v5 is migrating to emotion, and my project uses styled-components today. I'm trying to get my codebase to coalesce around a single CSS in JS solution, and the fewer the API differences there are, the lower the barrier to migration is.