Я могу сделать это с помощью styleled.заводская функция
const BlackBGCSS = (props)=> css` color: ${props=> props.color || 'black'}; `
Как у вас это получается:
const myCSS = css` background: ${({ myColor }) => myColor || `black`}; `; const MyComponent = styled('div')` ${myCSS}; `;
Тогда
<MyComponent myColor="red">Hello World</MyComponent>
Надеюсь, это поможет.