Creating custom AgGridReact Renderer using Typescript to access cellRendererParams in the Renderer but facing Type issues for ICellRendererFunc

Question

Error encountered:
<html>TS2322: Type 'ICellRendererWithRoundingFieldsFunc' is not assignable to type 'string | ICellRendererFunc | (new () => ICellRendererComp) | undefined'.<br/>Type 'ICellRendererWithRoundingFieldsFunc' is not assignable to type 'ICellRendererFunc'.<br/>Types of parameters 'params' and 'params' are incompatible.<br/>Type 'ICellRendererParams' is not assignable to type 'ICellRendererParamsWithRoundingFields'.<br/>Property 'roundingFields' is missing in type 'ICellRendererParams' but required in type 'AdjustmentChangeRendererType'.

How do I deal with the type differences in ICellRendererWithRoundingFieldsFunc and ICellRendererFunc?

Renderer:

interface AdjustmentChangeRendererType{
    roundingFields: RoundingFieldDetails[]
}
type ICellRendererParamsWithRoundingFields = ICellRendererParams & AdjustmentChangeRendererType;

interface ICellRendererWithRoundingFieldsFunc {
    (params: ICellRendererParamsWithRoundingFields): HTMLElement | string;

const AdjustmentChangeRenderer: ICellRendererWithRoundingFieldsFunc = (props: ICellRendererParamsWithRoundingFields) => {
...<implementation where I accesss props.roundingFields>...
   return renderToStaticMarkup(returnedCell)
}

Table:

const myColumnDefs: ColDef[] = [
    ...<other columns>...
    {headerName: "Adjustment Changes", field:"Adjustments", cellRenderer: AdjustmentChangeRenderer, cellRendererParams: {roundingFields: props.roundingFields}}
]

Refered to this I am trying to access custom cellRendererParams inside the CustomCellRenderer Class for the renderer's interface

Creating custom AgGridReact Renderer using Typescript to access cellRendererParams in the Renderer but facing Type issues for ICellRendererFunc

0 Answers0