two children with same key issue

[alucard87pl]

AddressList.js#L49

key={label + "-g" + value.indexOf(e)} //need to figure how this can be non-duplicating

key has to be unique, otherwise:

Warning: Encountered two children with the same key, `397d5cd90d26-g4`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
    in div (at AddressList.js:44)
    in div (at AddressList.js:40)
    in button (created by Button)
    in Button (at AddressList.js:39)
    in div (at AddressList.js:36)
    in div (created by Alert)
    in Transition (created by Fade)
    in Fade (created by Alert)
    in Alert (at AddressList.js:31)
    in AddressList (at MainContainer.js:171)
    in div (created by Col)
    in Col (at MainContainer.js:170)
    in div (created by Row)
    in Row (created by Bootstrap(Row))
    in Bootstrap(Row) (at MainContainer.js:169)
    in div (created by Container)
    in Container (at MainContainer.js:156)
    in MainContainer (at App.js:5)
    in App (at src/index.js:7)

Need to figure out how to create a unique numbering scheme for each glyph image in each address, something along the lines of label-gX where X is consecutive from 1 to 6