Different array of tags in the same page

[Simoneth]

Hi,
I have an array of elements in the same page, each one should have different tags.

I wish to achieve something like this:

[
    [
        {
            "id":"Italy",
            "text":"Whatever"
        },
        {
            "id":"Germany",
            "text":"Whatever"
        }
    ],
    [
        {
            "id":"Brazil",
            "text":"Whatever"
        },
        {
            "id":"Argentina",
            "text":"Whatever"
        }
    ]
]

I tried this:

const [tags, setTags] = React.useState([[]]);

...to try map as below:

<ReactTags
    tags={tags[index]}
    ...
    autocomplete
/>

This fails as: "TypeError: tags.map is not a function"

So how can I achieve that? I need to store objects arrays of tags.

Thanks.