 
             tr
               className: rowClasses
-              key: i,
+              key: index,
 
-              td className: "#{bn}__rank", "##{i+1}"
+              td className: "#{bn}__rank", "##{index+1}"
 
               td className: "#{bn}__grade",
                 div className: "badge-rank badge-rank--tiny badge-rank--#{score.rank}"

            th className: "#{bn}__header #{bn}__header--play-detail-menu"

        tbody className: "#{bn}__body",
          for score, i in @props.scores
            rowClasses = "#{bn}__body-row"

            if i == 0
              rowClasses += " #{bn}__body-row--first"

            if @props.scoreboardType != 'friend' && osu.currentUserIsFriendsWith(score.user.id)


              td className: "#{bn}__play-detail-menu",
                el _exported.PlayDetailMenu,
                  onHide: () => @onMenuActive?(active: false, index: index)
                  onShow: () => @onMenuActive?(active: true, index: index)
                  score: score
