Same image on page causes confusion

Hi all -

I have a list of "Thing"s and sometimes they appear multiple times on the same screen. They have the same ID (they're the same "Thing" so naturally using that ID like this: `id={`thing.${things[0].id}.image`}` causes the image to go to any of them. I'm wondering what you guys do for cases like this?

Do you advise for creating unique IDs and sharing those from screen to screen as props, so it's not tied to the Thing overall but rather this instance of a Thing?

Anything else to consider?

Thanks in advance!

The issue names no file, test, or entry point to inspect. First clarify whether duplicate Things should support distinct shared-element identifiers and define the expected behavior; completion would require an agreed scope and tests for repeated images on one screen.

Written by the indexing model from the issue text.