Multiple dynamically created instances, unique tags, shared (unique) suggestions

[ellunium]

Hello there!

I have been cracking my head trying to achieve something but I am not sure if it is possible.

I wonder if anyone can point me to the right direction, if possible, using Hooks.

Imagine you have a list of cards created dynamically based on an API and each card has a unique ID available.

Now imagine that every single card has a ReactTags component .

Now the tricky part for me: Unique tags per card + Shared suggestions

• One can add tags to any and each card in the list
  • These tags are now available as suggestions for all cards
  • They are normalized to be unique based on the same names
• If deleted from one specific card, only that card's tags are deleted
  • If two cards are using "Apples", and we delete the "Apples" tag from Card 1, you can still see the "Apples" tag on Card 2 and "Apples" is still available as a suggestion for all cards.

My idea is to use the suggestions as source for creating filters for the list of cards, to show only cards using specific tags once they have been selected.

Should I try to make this work or this sounds more like a custom route?

Thanks in advance for your time!

[ellunium]

Realized that was too much of an ask, my bad.
I’ll just customize the controls.