Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

import react-chartjs-2 causes a run time error!

See original GitHub issue

Just started working with React and React version of ChartJS. Got a runtime error as soon as I added the import statement: import { Bar } from 'react-chartjs-2';

I created a new app using create-react-app
I installed react-chartjs-2 per installation instructions
created a new component BarChart and added the above import statement.
BarChart component is added to App
following runtime error is returned:

I am not sure what this error means?

TypeError: Cannot read property ‘defaults’ of undefined (anonymous function) C:/Users/afshin/react_apps/chartjs/node_modules/react-chartjs-2/es/index.js:643 640 | }(_react[“default”].Component); 641 | 642 | exports.Scatter = Scatter;

643 | var defaults = _chart[“default”].defaults; 644 | exports.defaults = defaults;

Issue Analytics

State:
Created 2 years ago
Comments:7

Top GitHub Comments

2reactions

afshinmoshreficommented, Apr 6, 2021

Thanks that was helpful. I downgraded chart.js to 2.9.4 and got it to work: npm install chart.js@2.9.4

0reactions

afshinmoshreficommented, May 28, 2021

@YakovlevCoded there is an issue with the new react-chartjs-3 that was not a problem with the older version. If a component with a chart is invoked without data changing, chartJS should not render it again. in version 2 this is working fine but in version 3 the chart redraws with the same data when data hasn’t changed. this is causing an undesireable effect on my application that chart redraws the old data and then redraws with new data.