AG Charts not working in 33.3.3

[sergiykhan]

After upgrading dash_ag_grid from 32.3.4 to 33.3.3, AG Charts are not working.

Simply specifying 'enableCharts': True is not enough.

The error message in the browser console points to https://www.ag-grid.com/archive/33.3.2/react-data-grid/errors/200

What is the proper procedure for enabling AG Charts in Dash AG Grid?

[BSd3v]

@sergiykhan

The AG charts were split into a new library starting in v33, it requires an additional import of a library.

[sergiykhan]

I just could not figure out how to do it. Nothing worked. I minimum Dash app would be helpful.

[BSd3v]

This needs to be fixed in the component.

import { ClientSideRowModelModule } from 'ag-grid-community';
import { IntegratedChartsModule } from 'ag-grid-enterprise';
import { AgChartsEnterpriseModule } from 'ag-charts-enterprise';
import { AgGridProvider, AgGridReact } from 'ag-grid-react';

const modules = [
    ClientSideRowModelModule,
    IntegratedChartsModule.with(AgChartsEnterpriseModule),
];

function App() {
    return (
        <AgGridProvider modules={modules}>
            <AgGridReact /* ... props */ />
        </AgGridProvider>
    );
}

Need to lazily load the modules triggered on a prop, dashEnableCharts which can be True/community/enterprise, to trigger the underlying component. We also need to capture the enableCharts to bubble an error if they dont supply the dashEnableCharts to load the error.