React-typescript chart.js error 'type' is missing in type

Question

i am a learning typescript, recently moved from react, i am using chart js for some graph in my react-typescript project and from few hours i am getting this error

Property 'type' is missing in type '{ data: { labels: string[]; datasets: { label: string; data: number[]; fill: boolean; backgroundColor: string; borderColor: string; }[]; }; options: { scales: { yAxes: { ticks: { beginAtZero: boolean; }; }[]; }; }; }' but required in type 'Props'

it would be great if anyone could help me out here THank you

Akhil M · Accepted Answer · 2021-05-20 11:10:46Z

1

Even though react-chartjs-2 is not expecting an type props for Line component and its value is assign to line by default, The interface used has the type props as required. Please find the interface here

Please pass the type prop to the link tag.

<line type='line' data={data} />

answered May 20, 2021 at 11:10

Akhil M

7447 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Akshay98 Over a year ago

Hey akhil, thank you so much man, u really are a life saviour

Action_Turtle Over a year ago

hi @Akshay98 , how does this work for doughnut? <Doughnut options={options} data={data} type="doughnut" /> Fails with the same error as OP

Akshay98 Over a year ago

Try disabling Typescript for that line and check

Collectives™ on Stack Overflow

React-typescript chart.js error 'type' is missing in type

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related