Estoy usando ag-grid para mostrar datos en Reactjs.

Los datos se ordenan y filtran desde el backend, solo necesito mostrar los datos en la tabla.

El problema al que me enfrento es en la carga de la cuadrícula, carga los datos correctamente pero no carga los datos después de aplicar el filtro.

función DashboardServerSideTable (accesorios: AgGridTableProps) { const { columnas } = accesorios;

 // states const [gridApi, setGridApi] = React.useState<GridApi>(); const { state, dispatch } = useContext(DashboardContext); // Query & Mutation const [getDashboardTableData, { data, refetch, loading }] = useLazyQuery(GET_DASHBOARD_TABLE_DATA, { notifyOnNetworkStatusChange: true, // This will send the network status fetchPolicy: 'no-cache', }); const handleGridReady = useCallback((params) => { let { filterModel}: IServerSideGetRowsRequest = params; const dataSource = { rowCount: 1000, getRows: function (params: IServerSideGetRowsParams) { getDashboardTableData({ variables: { tab: state.tab, headerFilter: state.card, filtergroup: JSON.stringify(filterModel), }, }).then(res => JSON.parse(res.data.lpapqpprojectsumm.body)).then(({ datarows, size, total }) => { params.successCallback(datarows, total); }).catch(err => params.fail()); } }; params?.api?.setServerSideDatasource(dataSource); }, []); return ( <div className={clsx(styles.table, 'ag-theme-alpine')}> <AgGridReact pagination paginationAutoPageSize onGridReady={handleGridReady} defaultColDef={defaultColDef} rowModelType="serverSide" serverSideStoreType="partial" cacheBlockSize={1000} > {columns.map((col) => ( <AgGridColumn {...col} key={col.field} /> ))} </AgGridReact> </div> ) }