Return an IMG element instead of a SPAN

Hi there guys!

First of all, thanks for the awesome work with emoji-mart! I just realized the component <Emoji /> returns something like this for the grinning emoji, for example:

<span class="emoji-mart-emoji"><span style="width: 24px; height: 24px; display: inline-block; background-image: url(&quot;https://unpkg.com/emoji-datasource@2.4.4/sheet_google_64.png&quot;); background-size: 4100%; background-position: 65% 37.5%;"></span></span>

Is there any possiblity to specify what type of element we would receive as return of the <Emoji /> component? For example, transforming the <span><span/></span> to a single <img /> element solved a few problems with my implementation!

Or to make it simpler: is there any way to setup the <Emoji /> to return an <img /> instead of a couple of spans?

EDIT: or the data that will compose the emoji? Like the BG position and stuff?

Thanks a lot guys! ❤️

[baldarian]

Are there any news on this ?

It would be also a good solution to pass the tagName as a prop (img, span or whatever) and then it would be used to render the JSX.

What do you think ?

[EtienneLem]

In latest version, <em-emoji> uses image by default.