Duplicate keys on passing array of ReactElement

[pbshgthm]

I have defined a custom component that adds emoji

export function RenderEmoji({ content }: { content: any }) {
  return emoji(content, (code, string, key) => (
    <img srrc={`https://twemoji.maxcdn.com/2/svg/${code}.svg`} alt={string} key={key} />
  ))
}

When content is a ReactElement array, it sometimes throws the following warning
Encountered two children with the same key. This happens as the key is offset from the start of that particular element so when content is ["🧡 abc", "🧡 xyz"] both the returned images have the same key 0.

How to handle this situation?

[oztune]

Great catch! We'll look into this.

[oztune]

This is now fixed in v1.6.1. Thanks for letting us know!

[pbshgthm]

Thanks for the super fast fix!