Search

React Data GridAG Grid React Error #239

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 CSS File Themes are both used in the same page. In v33 we released the Theming API as the new default method of styling the grid. See the migration docs https://www.ag-grid.com/react-data-grid/theming-migration/. Because no value was provided to the `theme` grid option it defaulted to themeQuartz. But the file (ag-grid.css) is also included and will cause styling issues. Either pass the string "legacy" to the theme grid option to use v32 style themes, or remove ag-grid.css from the page to use Theming API.
To show this error text in the dev console, import the ValidationModule.

Mixed Theming Approaches Copy

In v33 the default approach to theming AG Grid has been updated to use the Theming API. The error above is the result of a clash between the new default theme, as no explicit theme grid option has been provided, and the old approach of including the CSS file directly in the application.

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

There are two ways to resolve this error, either adopt the new Theming API or continue with the legacy themes.

Adopt the new Theming API Copy

To adopt the new Theming API follow the steps outlined in Adopt the Theming API.

Continue with legacy Themes Copy

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" });