In my code, I am using AG-Grid with the master detail property to display some data. The code doesn't get any errors and the master row has records, but when I expand the detail, not 1 row is present even though in the network, params.data has values. My code is below. What am I doing wrong, and how should I fix it?

  constructor(
    private _reportService: ReportService,
  ) {
    this._reportService
      .getAllSupplierProductList()
      .subscribe((response: any) => {
        this.rowData = response;
      });
  }
  public detailCellRendererParams: any = {
    detailGridOptions: {
      columnDefs: [
        { headerName: 'Ürün Kodu', field: 'StockIntegrationCode' },
        { headerName: 'Ürün Adı', field: 'ProductName' },
        { headerName: 'Ürün Kategorisi', field: 'CategoryName' },

      ],
      defaultColDef: {
        flex: 1,
        filter: 'agTextColumnFilter',
        resizable: true,
        sortable: true,
        floatingFilter: true,
      },
    },
    getDetailRowData: (params) => {
      params.successCallback(params.data.StockIntegrationCode && params.data.ProductName && params.data.CategoryName);
    },
  } as IDetailCellRendererParams;

  rowData: Observable<IReportRow[]>;

  onFirstDataRendered(params: FirstDataRenderedEvent) {
    // arbitrarily expand a row for presentational purposes
    setTimeout(function () {
      params.api.getDisplayedRowAtIndex(1)!.setExpanded(true);
    }, 0);
  }

  onGridReady(params: GridReadyEvent) {

  }