components inside rows disappearing when filtering data angular ag gird

Question

I have an ag grid with several custom components for each column, the component are showing but whenever I filter the data the component disappears, for example: the component inside the row

to filter I use an input with a filtering function:

<data-grid [rowData]="filteredData(searchInput.query)"/>

the data-grid selector contains a regular ag-grid-angular component:

<ag-grid-angular 
    style="width: 100%; height: 350px;"
    class="ag-theme-alpine-dark"
    [rowData]="rowData"
    [columnDefs]="columnDefs" />

after filtering the custom component inside the row disappears: no component

what could be the problem? Thanks in advance

I was expecting for the components inside the rows to appear normally, tried looking for re-rendering in the docs but no luck

Answer 1

My guess is that your filteredData(searchInput.query) method is causing this issue, but I'd need to see at least these two component's typescript files to tell what's going on.