Angular component not destroying after moving to another component

I have an angular component which is implementing OnDestroy method.

export class MyComponent implements OnInit, OnDestroy {
constructor(private elementRef: ElementRef,
 ....
    ngOnDestroy(): void {
        this.elementRef.nativeElement.remove();
    }
}

However, when I move to another component even then I see that MyComponent is not destroying. I can see that apis used within MyComponent are still running.

Please also note that MyComponent is using promise and not observable.

Debugging Details:

When I move to another component MyComponent2 I see that OnDestroy from MyComponent is getting called but even after the execution of OnDestroy MyComponent is still running