4.x has broken render props

Version 4.0.1 has broken renderProps usage:

      return (
        <ReactResizeDetector
          handleHeight
          handleWidth
          render={({height, width}) => (
            <LineChart
              width={width}
              height={height - 30}
              data={data}
            >
           ...

[TobyEalden]

Using skipOnMount doesn’t help - if used in combination with default width/height it means the component will stay at that size until a manual resize occurs (e.g. 200x200 in the example above).

Adding a default width and height does work but that feels like a hack to me, and it does cause a ‘flicker’ on initial render, whereas it works out-of-the box with no defaults using v3.4.

Having said that, I’m happy to stick with 3.4 as it serves my needs - so feel free to close this and thanks for your help.

[goldo]

Same problem here: I need to set a width for drawing my charts. Since react-resize-detector doesn’t go 100% by default with 4.x, I can’t draw my chart in one time: I need to set a default size for my chart, it draws, then resize… This use case was working with 3.X since it gave my a width in px that would match 100% of the available width.

Edit: my charts can’t take “100%” in value, it must be set in pixels