I'm working on a pie chart. I would like to label it with the skill rather then the value. However the issue obviously that the value accumulates the pie chart and its calculation.

See below, I would like to display the skills: https://gyazo.com/c6e8fb4eed7888cd5258d77bc3d7024f

      <PieChart width={300} height={150}>
        <Pie
          dataKey="value"
          startAngle={180}
          endAngle={0}
          data={skillsData}
          cx={150}
          cy={120}
          outerRadius={60}
          fill="#8884d8"
          label
          
        />
      </PieChart>

And this is the data I am sampling:

I would like to return 'name' in my label.

const skillsData = [
  { name: "React", value: 390 },
  { name: "CSS", value: 1200 },
  { name: "JavsScript", value: 540 },
  { name: "HTML", value: 1900 },
  { name: "CSS", value: 1278 },
];