Sparkline does not update

[Onur]

Hi,

i am using latest React.

 

inside render():

<Sparkline data={this.state.sparklineData} />

and do update the state via 

this.setState({sparklineData:sparkData})

All components do update except Sparkline. I have tried many things like this.forceUpdate(). Also debugged the this.state.sparklineData inside render(). The setState does the work and re-renders and the data comes through. console.log(this.state.sparklineData) proves it.

But the component simply doesnot re-render.  I have put a default value into sparklineData which is:

this.state = {

    sparklineData: [1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1],

}

and this WILL be rendered. After that no updates. Please help

 

[Silviya]

Hi Onur,

You are correct. I also reproduced the same behavior on my side.

We consider this as an issue and it is already logged. You can find it here: https://github.com/telerik/kendo-react/issues/357. I updated your Telerik Points. Thank you for bringing this to our attention!

A possible workaround at the moment is to add key prop of the Sparkline and update it's value as shown in this demo: https://stackblitz.com/edit/react-h8aze4-j9atax?file=app/main.jsx.

I hope this will help you. Please don't hesitate to contact us in case other questions arise.

Best Regards,
Silviya
Progress Telerik