How to merge `css` styles with `cloneElement`?

Given an element with css styles, I’d like to clone it and add more css styles.

Using a custom cloneElement throws an error:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports.

…and using React.cloneElement doesn’t merge the styles.

Any ideas?

cc @Andarist

Codesandbox

[Andarist]

Yes, arrays will be always supported and its a good composition mechanism 😃

[moroshko]

Yep, thanks @Andarist for your help!