title: How to pass fill colors to recharts Pie component
body: <p>So basically i have this array of objects:</p>
  <pre><code>const testMeasurments = [
    {
      data: [
        {name: &quot;glucose&quot;, value: 6, color: '#57c0e8'},
        {name: &quot;SpO2&quot;, value: 5, color: &quot;#FF6565&quot;},
        {name: &quot;Blood Pressure&quot;, value: 4, color: &quot;#FFDA83&quot;},
        {name: &quot;Body Weight&quot;, value: 2, color: &quot;purple&quot;}
      ]
    }
  ]
  </code></pre>
  <p>I want to loop over them and access the <code>color</code> property. So basically i have a chart and each part will have its own color so I want to loop inside the object while assigning the value also to assign the color to it.</p>
  <p>Example:</p>
  <pre><code>{testMeasurments.map(s=&gt;
          &lt;Pie 
          dataKey=&quot;value&quot; 
          isAnimationActive={false} 
          data={s.data} 
          cx={200} 
          cy={200} 
          outerRadius={100} 
          innerRadius={60}
      fill={s.color} // Here I want to loop over each color and assign it to the proper value
    &gt;
  </code></pre>
  <p>As you can see it is certainly not working here but thats what i need! Thank you in advance.</p>