Recharts: Label disappear if I add customized legend on pie chart

[abhayjeetgupta]

[abhayjeetgupta]

render() {
const {data} = this.props;

    const renderLegend = (props) => {
        const { payload } = props;
        const spaces = "    ";
        return (
            <ul>
                {
                    payload.map((entry, index) => (
                        <li key={`item-${index}`}>
                            {entry.value}
                        </li>
                    ))
                }
            </ul>
        );
    }


    return (
        <div className="card">
            <div className="card-block">
                <h6>TOP {data.length} VEHICLES WITH MOST ALARMS</h6>
                <ResponsiveContainer minHeight={500}>
                    <PieChart>
                        <Pie dataKey="ac" data={data}  nameKey="vehicleNumber" valueKey="ac"
                              fill="#8884d8" label/>

                        <Legend content={renderLegend} layout='vertical' verticalAlign="middle" align="right"/>
                    </PieChart>
                </ResponsiveContainer>
            </div>
        </div>
    )
}

[xile611]

@abhayjeetgupta Can you create a jsfiddle demo ?

[abhayjeetgupta]

@xile611 Thanks It is working now after updating the library.