FlexmonsterPivot memory leak

Hi, while checking the performance of my application I noticed that the FlexmonsterPivot component is not cleared during the destruction of the host component resulting in memory leak.
Maybe I'm doing something wrong or do I need to do some explicit dispose call to clean up the heap?
I tried with a trivial example, and navigating between this component and my home page creates the memory leak that you can see in the attached screenshot.
Here my very simple markup and my ts, thanks in advance 4 any suggestions.

  <fm-pivot
  *ngIf="showPivot"
  #pivot
  [report]="pivotReport"
  [toolbar]="true"
  [height]="'100%'"
  [width]="'100%'"
  licenseKey="****-****-***-****"
 
>
</fm-pivot>

import { HttpClient } from "@angular/common/http";
import { Component, OnInit } from "@angular/core";
import { lastValueFrom } from "rxjs";

@Component({
  selector: "app-pivot-sandbox",
  templateUrl: "./pivot-sandbox.component.html",
  styleUrls: ["./pivot-sandbox.component.scss"],
})
export class PivotSandboxComponent implements OnInit {
  showPivot = false;
  pivotReport: Flexmonster.Report;

  constructor(private httpClient: HttpClient) {}

  ngOnInit(): void {
lastValueFrom(this.httpClient
  .get("assets/temp/sandbox.json"))
  .then((res: object[]) => {
this.pivotReport = {};

this.pivotReport.dataSource = {
  mapping: {
Quantity: {
  type: "number"
},
Price: {
  type: "number"
},
"Retail Category": {
  type: "string"
},
Sales: {
  type: "number"
},
"Order Date": {
  type: "year/quarter/month/day"
},
Date: {
  type: "date"
},
Status: {
  type: "string"
},
"Product Code": {
  type: "string"
},
Phone: {
  type: "string"
},
Country: {
  type: "string",
  dimensionUniqueName: "Location",
  filters: false
},
City: {
  type: "string",
  dimensionUniqueName: "Location"
},
CurrencyID: {
  type: "property",
  hierarchy: "Country"
},
"Contact Last Name": {
  type: "string"
},
"Contact First Name": {
  type: "string"
},
"Deal Size": {
  type: "string"
}
  },
  data: res
}

this.pivotReport.slice = {};
this.pivotReport.slice.reportFilters = [
  {
uniqueName: "Date.Year",
filter: {
  members: ["date.year.[2019]"],
},
  },
  {
uniqueName: "Date.Month",
  },
];
this.pivotReport.slice.rows = [
  {
uniqueName: "Country",
filter: {
  members: [
"Country.[australia]",
"Country.[switzerland]",
"Country.[norway]",
"Country.[uk]",
"Country.[sweden]",
"Country.[ukraine]",
"Country.[israel]",
"Country.[denmark]",
"Country.[usa]",
"Country.[canada]",
"Country.[poland]",
  ],
},
  },
  {
uniqueName: "Retail Category",
filter: {
  members: [
"retail category.[books & movies]",
"retail category.[cellphones & accessories]",
"retail category.[health & personal care]",
  ],
},
  },
  {
uniqueName: "City",
  },
];
this.pivotReport.slice.columns = [
  {
uniqueName: "Order Date",
filter: {
  members: ["order date.[2019]", "order date.[2018]"],
},
  },
  {
uniqueName: "[Measures]",
  },
];
this.pivotReport.slice.measures = [
  {
uniqueName: "Price",
aggregation: "sum",
format: "-13w0a1w1c23j00"
  }
];
this.pivotReport.slice.sorting = {
  column: {
type: "desc",
tuple: [],
measure: {
  uniqueName: "Price",
  aggregation: "sum"
}
  }
};

this.showPivot = true;
  });
  }
}