I used the Pie component from Recharts js and the problem is that I get labels overlapping for labels with the same value. here is some of my code:

<PieChart>
       <Pie dataKey="value"
       data={data}
       fill="#536A6D"
       label nameKey="name"
       >
      <LabelList dataKey="name" position="insideStart" />
      <Pie>
</PieChart>

Is it possible to arrange the labels so that they do not collide with each other?
Thank you in advance!