Display react component name in attribute

While working with React, i would like to display component name in an attribute of the component. E.g. if I have a component <LoginBox /> I would like it to be rendered as

<div data-react-name="LoginBox">...</div>

But I want this to be done automatically for each transpiled component. Reason for this is testing when I'd check for rendered elements in HTML/DOM, currently a component is not differentiated by the name in rendered HTML.

I thought I'd write a babel plugin, but I have no idea what visitors I'd use and how to make it robust enough. I tried google for such a plugin but I have no idea how it would be called and found nothing useful.

So is there any plugin or any way to achieve this? Thanks