[Table] Warning: TableHeaderColumn: key is not a prop.

[nmaves]

Here is the warning I am getting.

warning.js:44 Warning: TableHeaderColumn: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop.

And here is the example code

                            <TableHeader displaySelectAll={false} adjustForCheckbox={false}>
                                <TableRow>
                                    <TableHeaderColumn style={{width: '30px'}}>&nbsp;</TableHeaderColumn>
                                    <TableHeaderColumn>Name</TableHeaderColumn>
                                    <TableHeaderColumn>Email</TableHeaderColumn>
                                </TableRow>
                            </TableHeader>
                            <TableBody displayRowCheckbox={false} showRowHover={true}>
                                <TableRow>
                                    <TableRowColumn style={{width: '30px'}}><EditIcon/></TableRowColumn>
                                    <TableRowColumn>John Smith</TableRowColumn>
                                    <TableRowColumn>Employed</TableRowColumn>
                                </TableRow>
                                <TableRow>
                                    <TableRowColumn style={{width: '30px'}}><EditIcon/></TableRowColumn>
                                    <TableRowColumn>Randal White</TableRowColumn>
                                    <TableRowColumn>Unemployed</TableRowColumn>
                                </TableRow>
                                <TableRow>
                                    <TableRowColumn style={{width: '30px'}}><EditIcon/></TableRowColumn>
                                    <TableRowColumn>Stephanie Sanders</TableRowColumn>
                                    <TableRowColumn>Employed</TableRowColumn>
                                </TableRow>
                                <TableRow>
                                    <TableRowColumn style={{width: '30px'}}><EditIcon/></TableRowColumn>
                                    <TableRowColumn>Steve Brown</TableRowColumn>
                                    <TableRowColumn>Employed</TableRowColumn>
                                </TableRow>
                            </TableBody>

[nathanmarks]

Please provide the version info

[tol-is]

As soon as i updated to react v15.0.1, i get something similar ref' is not a prop... comes with an explanation.

Most props on a JSX element are passed on to the component, however, there are two special props (ref and key) which are used by React, and are thus not forwarded to the component.
https://gist.github.com/jimfb/fb2a04fe3fa4637d7d62

facebook/react#5744
Elements will now warn when attempting to read ref and key from the props.

[rbalicki2]

This also affects IconMenu, and occurred as soon as I updated to react v15.0.1.

My interpretation of the error message is that a sufficient condition for being safe is as follows: as long as you are not relying on a ref on your iconButtonElement={ <div ref="abc" /> } or a key attribute passed to TableHeaderColumn (although the utility of that escapes me) you should be safe.

[nmaves]

We are using version 0.15.0-alpha.2 with React 15

[nathanmarks]

@nmaves Not compatible yet, that's why 👍 Wait for the beta