Failed prop type: The prop `dataKey` is marked as required in `Pie`, but its value is `undefined`. in Pie (created by PieChartContainer)

My current implementation of the PieChart component works, but throws the following error in the console.

Failed prop type: The prop dataKey is marked as required in Pie, but its value is undefined. in Pie (created by PieChartContainer)

I’ve bumped my Recharts version to the latest build of Recharts 1.0.0.alpha.1 which allowed the Pie chart to render, but didn’t suppress the error.

Is this working as intended?

See a snippet of my implementation below…

```
    <PieChart onMouseEnter={this.onPieEnter}>
          <Pie data={this.props.data} labelLine={false} label={renderCustomizedLabel} innerRadius={60} outerRadius={120} fill="#8884d8">
            { this.props.data.map((entry, index) => <Cell key={index} fill={this.COLORS[index % this.COLORS.length]}/>) }
          </Pie>
          <Tooltip/>
          <Legend />
        </PieChart>

[cj4luv]

you should add prop ‘dataKey’ in ‘Pie’ component.

example

    <PieChart width={800} height={400} >
      <Pie dataKey="value" data={data} cx={250} cy={200} innerRadius={112} outerRadius={122} >
        {
          data.map((entry, index) => <Cell key={index} fill={COLORS[index % COLORS.length]}/>)
        }
      </Pie>
      <Tooltip/>
    </PieChart>

[debovis]

@xile611

adding prop ‘dataKey’='value in ‘Pie’ component solved the problem, please update the following example. Thanks

http://recharts.org/#/en-US/examples/CustomActiveShapePieChart