Styled-Components Transient Props Prevent DOM Warnings Using Dollar Sign Prefix

In styled-components, a transient prop is a special prop prefixed with a dollar sign ($) that is used exclusively for generating CSS styles. Without this prefix, React forwards unrecognized props like 'columns' or 'backgroundColor' directly to HTML elements, triggering browser warnings about unknown attributes. Adding the $ prefix tells styled-components to consume the prop internally without passing it to the DOM. This keeps the rendered HTML clean and free of invalid attributes, eliminating React's unknown prop warnings. Developers are advised to use transient props whenever a value is needed only for styling and has no role in component logic or data handling.