Material-ui: Table: invalid header DOM is generated

[JustAndrei]

The following code example makes 3 warnings in the console.
https://codesandbox.io/s/gwwB9LA6

Versions

• Material-UI: 0.18.0
• React: 15.5.3
• Browser: Chrome 58.0.3029.81 (64 bit)

Warnings:

Warning: validateDOMNesting(...): cannot appear as a child of . See TableTest > TableHeader > thead > TableHeaderColumn > th.

Warning: validateDOMNesting(...): cannot appear as a child of . See TableTest > TableHeaderColumn > th > TableHeader > TableHeaderColumn > th.

Warning: Unknown prop rowNumber on tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop

[slavab89]

I believe that you've forgotten to include TableRow when creating the header
Take a look at the simple example on the main site

[JustAndrei]

Oops

[JustAndrei]

@slavab89, thank you!