Search

React Data GridAG Grid React Error #106
You are using an older version of AG Grid. To upgrade, please see the migration guide.

Full Error Text

Full error message cannot be shown because there are missing parameters in the URL. Please follow the full link from the developer tool logs. 
Theming API and Legacy Themes are both used in the same page. A Theming API theme has been provided to the 'theme' grid option, but the file (ag-grid.css) is also included and will cause styling issues. Remove ag-grid.css from the page. See the migration guide: https://www.ag-grid.com/archive/33.1.0/javascript-data-grid/theming-migration/
To show this error text in the dev console, import the ValidationModule.

Mixed Theming Approaches

In v33 the default approach to theming AG Grid has been updated to use the Theming API. This error occurs when a theme is set via the theme property but the legacy CSS files have not been removed.

For a comprehensive guide on migrating from v32 please see Migrating to the Theming API.

There are two ways to resolve this error, either complete the steps required to fully adopt the Theming API or alternatively continue with the legacy themes.

Adopt the new Theming API

To adopt the new Theming API please complete the steps outlined in Adopt the Theming API.

Continue with legacy Themes

Set the grid option: theme='legacy'. See Continue with Legacy Themes for more information.

If you have multiple grids you may find using a Global Grid Option to be a convenient way to set the theme to "legacy" for all grids in your application.

import { provideGlobalGridOptions } from 'ag-grid-community';

// Mark all grids as using legacy themes
provideGlobalGridOptions({ theme: "legacy" });