Possibility to use class-name property instead of className

The problem

I created a tiny Emotion wrapper in ClojureScript. I’m going to open-source this wrapper but I have issue with className property. In Clojure idiomatic to use kebab-case notation. So, it would be great to use prop class-name in styled components instead of className but unfortunately I don’t have any methods in emotion to change it. Currently I have only one way, it’s wrap styled component to react.createElement and convert className to class-name.

Proposed solution

It would be great to add this to options (somethings like shouldForwardProp). For example,

{
  classNameProp: 'class-name',
}

Link to this wrapper (WIP) https://github.com/khmelevskii/emotion-cljs

[Andarist]

Ye, I understand that it’s more annoying with React components but it still is not enough of an argument for me to accept this change. I understand that this has not played out like you would have hoped and I’m sorry for that.

[Andarist]

Yes, I use bare react and react doesn’t know anything about class-name, that’s why emotion-cljs replace all class-name to className and then pass it to bare react component. It looks like this example below (simplified version):

This looks like a suitable workaround.