AG Studio is available for download from NPM. Once installed, you need to import the package and optionally register the AI module.
Installation Copy Link
Install the ag-studio-react package, which also installs ag-studio:
npm install ag-studio-reactYou can test AG Studio locally without a licence. To test in production, access support, and remove the watermark and console warnings, Request a Trial Licence.
ag-studio-react and ag-studio versions must be identical to ensure that all features work correctly. Matching AG Grid and AG Charts Versions are also required.
In order to access AI Features, wrap your application in AgStudioProvider and pass it the AgStudioAiModule:
import { AgStudio, AgStudioProvider } from 'ag-studio-react';
import { AgStudioAiModule } from 'ag-studio';
<AgStudioProvider modules={[AgStudioAiModule]}>
<AgStudio /* ... props */ />
</AgStudioProvider>Registering the module with AgStudioModuleRegistry also still works.
It is also possible to register the AI module directly to an instance of Studio:
const modules = useMemo(() => {
return [AgStudioAiModule];
}, []);
<AgStudio modules={modules} /> Importing Copy Link
Import AgStudio from the ag-studio-react package:
import { AgStudio } from 'ag-studio-react'; Development Validations Copy Link
Development-time validations help to identify misconfiguration early. We recommend doing so only in development builds to keep production bundles small.
Call enableStudioDevValidations once, before any Studio instance is created:
import { enableStudioDevValidations } from 'ag-studio';
if (process.env.NODE_ENV !== 'production') {
enableStudioDevValidations();
}