Pie Chart - No Label Shown

Trying to get a label shown on a simple pie chart. No lines or anything are shown.

var COLORS = ['#3DCC91', '#FFB366', '#FF7373', '#FFCC00', '#3B22FF'];

        <PieChart width={300} height={200}>
          <Pie data={data} cx="50%" cy="50%" dataKey="value" label={true} labelLine={true}>
            {
              data.map((entry, index) => (
                <Cell key={index} fill={COLORS[index % COLORS.length]}  />
              ))
            }
          </Pie>
          <Tooltip />
          <Legend />
        </PieChart>

Why do none of the examples work on jsFiddle or on the main site? It just renders blank page.

UPDATE So, I dropped back to version 0.22.4 and it shows the label. The latest version doesn’t show it.

[pebanfield]

In my case setting isAnimationActive={false} resolves the issue. Of course this means doing without the animation.

The line of code below seems to be the problem -

https://github.com/recharts/recharts/blob/master/src/polar/Pie.js#L346

The intent is to not render labels until animation completes which makes sense. However, there appears to be a race condition that means labels are never rendered.

[drastus]

Why this was closed? The problem still exists (Recharts 1.3.4).