Dataset changes but line chart not rerender reflect to new dataset change (2)?

[dumihi313]

Simulator.Screen.Recording.-.iPhone.14.Pro.Max.-.2024-07-26.at.10.44.09.mp4

To continue with issue

When I change the dataset, it just rerenders for datapoints. It doesn't rerender to remove old line and add new line based on dataset

[dumihi313]

this my code, I overcame by update a new timestamp to key prop (force rerender). Is there any better solution than this?

` useEffect(() => {

  if (batteryChart && batteryChart.length > 0) {
    const result = parseDTOtoChartModel(
      batteryChart,
      renderDataPointLabelComponent,
    ).dataSet
    setDataSet(result)
    savedDataSet.current = result.map(a => Object.assign({}, a))
    setRenderChartWithDateKey(date) // force rerender
  } else if (batteryChart) {
    setDataSet(emptyChart24hDataset)
    savedDataSet.current = emptyChart24hDataset.map(a =>
      Object.assign({}, a),
    )
    setRenderChartWithDateKey(date) // force rerender
  }
  
}, [batteryChart])`