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

[brendonco]

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

[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