`An error occurred: RangeError: Maximum call stack size exceeded` 2 classes refer each other

[goyaltushar92]

Getting An error occurred: RangeError: Maximum call stack size exceeded error when trying to extract from a class.

export class GridSelectionModel<TKey> implements SelectionDetails<TKey> {
  constructor(
    private readonly dataSource: AvlMxGridDataSource<any, any, TKey, any, AvlMxGridColumn>
  ) {
  }

  // some properties and methods
}

AvlMxGridDataSource is an abstract class which has a constructor with TranslateService

export abstract class AvlMxGridDataSource<TItem, TKey> extends DataSource<TItem> {
  readonly selectionModel = new GridSelectionModel<TKey>(this);
  // other properties and methods
  
  constructor(protected translateService: TranslateService, /* some other arguments */) {
    super();
  }
}

@vendure/ngx-translate-extract version in use 9.4.2

Following command fails

npm run ngx-translate-extract -- -n -r --input .\projects\@avl-community\avl-mx-shared\src\lib\models\avl-mx-grid-selection-model.ts --output x.json -f json

while following succeeds

npm run ngx-translate-extract -- -n -r --input .\projects\@avl-community\avl-mx-shared\src\lib\utilities\avl-mx-grid-data-source.ts --output x.json -f json

[pmpak]

Hello @goyaltushar92,

I could not reproduce this issue, this may be a corner case that was addressed in the 10.x releases. We currently only provide fixes and updates for the latest major version. Could you please try upgrading to v10 and let us know if the issue still occurs there?

Thanks!