Bundling

We use Webpack 5 as a bundler internally for our project. This means that we battle-tested the bundling process with it and we know that it fully supports all the features in DXcharts React.

We highly recommend to use Webpack 5 as a bundler for your project to integrate DXcharts React, because it's the most stable and feature rich bundler at the moment.

Different bundlers

You may use another bundler for your project but we can't guarantee that DXcharts React integration will work as expected with it.

First of all, please install the most recent version of a bundler you like, because they might still be in an active development phase, and some of the issues might be already fixed in the latest versions.

Vite

As for known issues:

Currently we experience an issue with Vite, that relates to usage of webworkers in a dependent packages (such as our dxchart5-react for you). You can check out the related threads here Github issue 1 and Github issue 2.

Both for a dev and producton modes we couldn't find a way to make everything work as expected.

Therefore, the only solution for now is to disable webworkers in dxchart5-react.

const ChartReactWithDisabledWorkers = () => {
    return (
        <ChartReactApp
            dependencies={{
                ...CREATE_MOCK_PROVIDERS(),
                chartReactConfig: {
                    disableWorkers: true,
                },
            }}
        />
    );
}