Unable to render Chart v3 and above in React v17.0.2 #9143

Answered by kurkle

brendonco asked this question in Q&A

brendonco
May 21, 2021

Initialize Chart throw an error.

Error:
_chart.default is not a constructor

Change chartjs version to below v3 and it works.
https://codesandbox.io/s/admiring-cohen-jrfcx?file=/src/MixedChart.js

Answered by kurkle

Because of treeshaking support, the exports have changed.

See the documentation on how to integrate:
https://www.chartjs.org/docs/latest/getting-started/integration.html#bundlers-webpack-rollup-etc

And your sandbox working with v3:
https://codesandbox.io/s/delicate-brook-mtnne?file=/src/MixedChart.js

View full answer

Replies: 1 comment

kurkle
May 21, 2021
Maintainer

Because of treeshaking support, the exports have changed.

See the documentation on how to integrate:
https://www.chartjs.org/docs/latest/getting-started/integration.html#bundlers-webpack-rollup-etc

And your sandbox working with v3:
https://codesandbox.io/s/delicate-brook-mtnne?file=/src/MixedChart.js

0 replies

Answer selected by kurkle

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment