Do Not Use Index As A Key

A key is a unique and permanent property that allows you to identify changed, updated, or deleted items from a list of elements. In React anything that you are returning from inside the map () function must have a key. const mappedFruit = fruits.map(...