We just wrapped up AG Studio Launch Week See what we shipped




Core Features

Advanced Features

JavaScript Data GridAG Grid Error #260

Full Error Text

Unable to use AG Grid `<propName>` component: `<compName>` as `<unknown>Module` is not registered for gridId: <gridId>. Check if you have registered the module:

import { AgGridProvider, AgGridReact } from 'ag-grid-react'; 
import { <unknown>Module } from 'ag-grid-community';

const modules = [ <unknown>Module ];

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

For more info see: https://www.ag-grid.com/javascript-data-grid/modules/
To show this error text in the dev console, enable development validations .

Module Not Registered Copy Link

The component named in the message above needs a module in order to run, and that module was never registered. The message names the module to register, and shows the import and registerModules call for it.

Register the missing module Copy Link

AG Grid features are split into Modules to help reduce application bundle size by enabling developers to cherry pick the features they require. This error occurs when a feature is used without the feature's module being registered first.

If you are concerned about bundle size, only import the modules for the features you require, i.e. the missing module in the error above.

We recommend using the Module Selector Tool to identify all the modules required for your application's features. The tool will generate the module registration code which can be copied into your application.

For a comprehensive guide on AG Grid Modules please see Modules.

All Feature Bundles Copy Link

If you are not concerned about bundle size, you can import all community / enterprise features via the bundles AllCommunityModule / AllEnterpriseModule.

// All Community Features
import { AllCommunityModule, ModuleRegistry } from 'ag-grid-community';
ModuleRegistry.registerModules([AllCommunityModule]);
// All Enterprise Features
import { AllEnterpriseModule, ModuleRegistry } from 'ag-grid-enterprise';
ModuleRegistry.registerModules([AllEnterpriseModule]);

UMD / CDN Copy Link

If you are using AG Grid via a UMD file or CDN script tag then you do not need to register modules yourself. See AG Grid CDN Installation for more details.

If you are using Integrated Charts via a UMD file or CDN see Integrated Charts Installation for more details.