We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Error Rectification


     My application seems to throw an error from the chart component saying "Cannot set property 'previousPoints' of undefined".

Chart component get whole properties through class props, these properties are fetched and given as JSON.
When i receive this JSON first time component renders perfectly, but when props is fed second time i get the above mentioned error. Your support in this will be of great help.

I have attached my current working file (will have error on your side if executed) of the chart component and data that is fed to the chart which is of JSON.

Note :Datasource in json is empty, will be set in parent function before feeding into the child(chart component).

Attachment: ChartReact_a53ff4b7.zip

3 Replies

SM Srihari Muthukaruppan Syncfusion Team November 19, 2019 04:03 PM UTC

Hi thara, 
Greetings from syncfusion. 
We have analyzed your query. From that, we would like to let you know that we are not clear about the exact requirement. We have also tried to reproduce the issue using json data. Unfortunately we are unable to reproduce the issue. We have also attached the sample used by testing. Please find the below sample and screenshot. 
If you still face this issue. Please share the following information which will be more helpful for further analysis and provide you the solution sooner. 
  • Try to reproduce the reported scenario in the above sample
  • Share the details if you have done any other customization in your sample.
Let us know if you have any concerns. 
Srihari M 

KP KRUTIKA PANDA August 4, 2023 12:38 PM UTC

import React from 'react';
import './banner.css';

const Banner = () => {

const btns = document.querySelectorAll(".nav-btn");
const slides = document.querySelectorAll(".video-slide");
const contents = document.querySelectorAll(".content");

var SliderNav = function(manual){
    btns.forEach((btn) =>{

    slides.forEach((slide) =>{

    contents.forEach((content) =>{


    btns.forEach((btn,i) => {
    btn.addEventListener("click",() => {

  return (
    <section className='home'>
        <video controls  autoplay muted loop width="auto" height="450" >
            <source src="/v1.mp4" type='video/mp4'/>

        <video controls  autoplay muted loop width="auto" height="450" >
            <source src="/v2.mp4" type='video/mp4'/>

        <div class="content active">
            <p className='para_cont'>As an IT business consultant, we focus on delivering seamless services to our clients, based on a well-tested methodology and solid experience.</p>
            <a>Read More</a>
        {/* <div class="content2">
            <p className='para_cont'>As an IT business consultant, we focus on delivering seamless services to our clients, based on a well-tested methodology and solid experience.</p>
            <a>Read More</a>
        </div> */}
        <div className='media-icons'>
            <a rel='nofollow' href=''><i class="Fa-fa-Facebook"></i></a>
            <a rel='nofollow' href=''><i class="fa-fa-instagram"></i></a>
            <a rel='nofollow' href=''><i class="fa-fa-whatsapp"></i></a>
            <a rel='nofollow' href=''><i class="fa-fa-twitter"></i></a>
        <div className='slider-navigation'>
            <div className='nav-btn active'></div>
            <div className='nav-btn'></div>
            <div className='nav-btn'></div>
            <div className='nav-btn'></div>


export default Banner;

NP Nishanthi Panner Selvam Syncfusion Team August 7, 2023 07:23 AM UTC


It seems that the code snippet you shared for the query is not related to Syncfusion components. Please let us know your exact issue and requirements.



Live Chat Icon For mobile
Up arrow icon