Width and height remain undefined about react-sizeme

[mirow]

I think I figured out the actual problem: the element is empty (no children) in the beginning. It's empty because it is for an ad which is loaded by a separate script (not react). In this case the resizer doesn't work.

I also noticed that if the element contains a text node as the first "element", SizeMe will throw an error message:

<SizeMe>
 {({ size }) => {
 return <Fragment>Foo<b>Bar</b></Fragment>
}}
</SizeMe>

Throws TypeError: Cannot read property '_erd' of undefined

The solution is adding a <div> around everything.