Warning: Each child in a list should have a unique "key" prop.

Question

前提・実現したいこと

Reactの開発において以下のようなwarningが出ています。
ソースコードに記載の通り、keyを指定しているはずなのですが、解消されません。
何が原因なのでしょうか。
ご教授お願いします。

発生している問題・エラーメッセージ

Warning: Each child in a list should have a unique "key" prop.

 See https://fb.me/react-warning-keys for more information.

該当のソースコード

{hoge.map((name, index) => (
              <Hoge onClick={handleClick} key={index} />
          ))}

Answer 1

Each child in a list should have a unique "key" prop.　[直訳]listの各childは、固有の(他とダブらない）keyプロパティを持たなければならない。

というエラーです。

listの中に同じkeyを持つchildが２つ以上含まれているのが原因ですから、listの中のデータを確認して、keyの重複を解消すれば解決するはずです。

Comments

[aiai8976]

indexの値は重複していないことを確認しました。

[aiai8976]

他に原因はありますか？