症状
apps/web/src/components/RadarChart.tsx が採点項目の名前を React の key に使っている。同じ名前の採点項目が2つあると key が衝突する。
採点項目の名前は主催者が自由に付けられるので、重複は起こりうる。
何が起きるか
React が要素を取り違え、描画が崩れる・更新が反映されないといった形で出る。コンソールに重複 key の警告も出る。
直し方
採点項目には id があるはずなので、それを key にする。名前は表示にだけ使う。
補足
#363（i18n 第2段階・イベント運営）の作業中に見つかった。i18n とは無関係の既存の不具合なので、そちらでは直していない。同種の「表示用の文字列を識別子として使っている」箇所は #363 で複数見つかっており（label が key を兼ねている等）、これはその生き残り。
症状
apps/web/src/components/RadarChart.tsxが採点項目の名前を React のkeyに使っている。同じ名前の採点項目が2つあると key が衝突する。採点項目の名前は主催者が自由に付けられるので、重複は起こりうる。
何が起きるか
React が要素を取り違え、描画が崩れる・更新が反映されないといった形で出る。コンソールに重複 key の警告も出る。
直し方
採点項目には id があるはずなので、それを key にする。名前は表示にだけ使う。
補足
#363（i18n 第2段階・イベント運営）の作業中に見つかった。i18n とは無関係の既存の不具合なので、そちらでは直していない。同種の「表示用の文字列を識別子として使っている」箇所は #363 で複数見つかっており（
labelが key を兼ねている等）、これはその生き残り。