Typescript ag-grid onGridReady params throws an error

Question

I am using ag-grid with typescript and React

OnGridReady event params throws an error

import { AgGridEvent, ICellRendererParams, ModuleRegistry } from "@ag-grid-community/core";
  const onGridReady = (params: AgGridEvent): void => {
    setGridApi(params.api);
    params.api.sizeColumnsToFit();
  };

When I build it throws an error

Type error: No overload matches this call.
  Overload 1 of 2, '(props: Readonly<AgGridReactProps>): AgGridReact', gave the following error.
    Type '(params: AgGridEvent) => void' is not assignable to type '(event: GridReadyEvent) => void'.
      Types of parameters 'params' and 'event' are incompatible.
        Type 'GridReadyEvent' is not assignable to type 'AgGridEvent'.
          Types of property 'api' are incompatible.
            Type 'import("/Users/subha/admin/admin_demo/node_modules/ag-grid-community/dist/lib/gridApi").GridApi' is not assignable to type 'import("/Users/subha/admin/admin_demo/node_modules/@ag-grid-community/core/dist/cjs/gridApi").GridApi'.
              Types have separate declarations of a private property 'immutableService'.
  Overload 2 of 2, '(props: AgGridReactProps, context?: any): AgGridReact', gave the following error.
    Type '(params: AgGridEvent) => void' is not assignable to type '(event: GridReadyEvent) => void'.
  104 |           suppressCellSelection={true}
  105 |           frameworkComponents={{ editRenderer }}
> 106 |           onGridReady={onGridReady}
      |           ^
  107 |         ></AgGridReact>
  108 |       </div>
  109 |     </div>
info  - Creating an optimized production build .npm ERR! code ELIFECYCLE**

When you try use instead AgGridEvent type GridReadyEvent?

LiH
– LiH

2020-12-21 15:18:35 +00:00
Commented Dec 21, 2020 at 15:18 — LiH
– LiH, Commented Dec 21, 2020 at 15:18

Augusto Peres · Accepted Answer · 2021-12-06 20:02:04Z

1

As mentioned by @LiH in the comment above, I am using GridReadyEvent and it is working fine. So in your case it would be:

import { GridReadyEvent, ICellRendererParams, ModuleRegistry } from "@ag-grid-community/core";
  const onGridReady = (params: GridReadyEvent): void => {
    setGridApi(params.api);
    params.api.sizeColumnsToFit();
  };

answered Dec 6, 2021 at 20:02

Augusto Peres

3155 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript ag-grid onGridReady params throws an error

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related