Chartist[type] is not a constructor

[mynameisankit]

I am using this on next.js but it shows TypeError: Chartist[type] is not a constructor.

<ChartistGraph
    data={{
        label: timeline.map(item => dayjs(item[0]).format('MM YYYY')),
        series: [timeline.map(item => item[1])]
    }}
    options={{
        fullWidth: true,
        axisX: {
            showGrid: true
        },
    }}
    type='Line'
/>

I tried <NoSsr /> of MUI but to no avail. Any Solutions?

[ndri]

I got the same error and it seems like react-chartist doesn't support the newest versions of chartist yet. I've installed version 0.11.4 (yarn add chartist@0.11.4) and that solves this error, but doesn't display any charts. There are some warnings saying React 18 isn't supported, so that might be a reason.

[bayareacoder]

Same error here. The issue is that react-chartist v1 had a breaking change that all chart types are now exported as named exports to allow tree-shaking for only the chart types you use. So the Chartist[type] that react-chartist uses no longer works. It is compatible with chartist@0.11.4 (I have it working with that) BUT the npm install will complain of an incorrect dependency as package.json lists 0.10.3 as required peer dependency (that version does not work for me in Gatsby while 0.11.4 works). So the workaround is to use npm install --force to avoid the peer dependency error.
This package is in dire need of an update! #97