Spectrum: Fix nested mentions

[mxstbr]

@alejandronanez in #2945:

If you write this in Spectrum:

@scoped/package
@scoped/package
@scoped/package
@scoped/package

You'll end up with this:

[mxstbr]

I'm pretty sure this has to do with how I set the key prop on the mention component, which is very hacky at the minute. We gotta find a better way to do that...

[alejandronanez]

Since I just touched that piece of code, I’d like to give this a shot.

Can you please assign it to me?

[mxstbr]

@alejandronanez that'd be great, thank you! :100:

[alejandronanez]

So, I'm pretty sure the issue is not related to the way you added key to mentions ✅

I'm pretty sure I have to make a change to createMentionsDecorator in shared/clients/draft-js/mentions-decorator/core.js. But, I'm having a hard time understanding what's the role of the callback function used in the forEach loop; it seems that it transforms plain text mentions into actual clickable links, but I still don't get it. I already checked in redraft's docs but couldn't find anything relevant.

Can you give me some context about what you wanted to achieve by using that callback?

Thanks! ✌️

[alejandronanez]

FWIW I already have a PR open to fix this 😸 https://github.com/withspectrum/spectrum/pull/2976