During the project, I encountered CSS-IN-JS implemented using Emotion. Normally, I locate components in the code by their corresponding CSS style names, but the generated style names made it quite challenging to identify elements in the browser within the project code.
The real question here is - Is there a way to include "names" for Emotion styles so that at least a portion of the generated name could be more human-readable?
If this isn't achievable, how do you typically pinpoint the "element" that you observe in the browser within the project code?