material-ui Table の onRowSelection が想定した動作にならない

前提・実現したいこと

React を学習しています。
Web の記事などを参考にコードを記述しているのですが、Table の onRowSelection が想定した動作にならず困っております。

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

<Table> において multiSelectable={true} とし、複数のチェックボックスを選択した状態を onRowSelection={index => this.onRowSelection(index)} にて処理したいのですが、

indexes に入ってくる値が「最後にクリックしたチェックボックスの行番号」になってしまう
チェックボックスをクリックしてもチェックされた状態が反映されない

という現象になります。

該当のソースコード

リポジトリはこちらになります。

上記を heroku にデプロイしたものがこちらになります。

app.jsx.js において、ハンドラを

js
1onRowSelection(selectedRow) {
2    console.log(selectedRow);
3    this.setState({ selectedRow: selectedRow });
4}

のように記述し、JSX を

js
1<Table multiSelectable={true} onRowSelection={index => this.onRowSelection(index)}>
2    <TableHeader displaySelectAll={false}>
3        <TableRow>
4            <TableHeaderColumn>ID</TableHeaderColumn>
5            <TableHeaderColumn>Name</TableHeaderColumn>
6        </TableRow>
7    </TableHeader>
8    <TableBody deselectOnClickaway={false} showRowHover={true}>
9        {this.state.rows.map(function(row){
10            return (
11                <TableRow key={row.id}>
12                    <TableRowColumn>{row.id}</TableRowColumn>
13                    <TableRowColumn>{row.name}</TableRowColumn>
14                </TableRow>
15            )
16        })}
17    </TableBody>
18</Table>