Bug - Encountered two children with the same key

[LiveXenon]

Encountered two children with the same key, 1. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

The problem appears when graph contains 2 or more equal y values, example:

        cost exampleData = [
            { x: 10, y: 1 },
            { x: 11, y: 1 }
        ]

Affected platforms: iOS and Android

[lukasa1993]

any love for this ?

[moxie99]

Yeah, I had the same error but I was able to get by it mapping through the data supplied to the chart first before passing it to chart helped. More like this :

cost exampleData = [
{ x: 10, y: 1 },
{ x: 11, y: 1 }
]

const areBidPricesSame = fundData.every((item) => item.y === exampleData[0].y);

if (areBidPricesSame) {
return (

All bid prices are the same, cannot render the chart.

);
}

return (
<Chart
data={exampleData.map((i, index) => ({
x: index + Math.random(),
y: i.y,
}))}

>
  
</Chart>

);
};

You can display a table once the y-axis has the same data otherwise the chart is displayed. This won't break your app.