Auto unsubscribe from every Rxjs subcription inside a component

auto-destroyer.ts

export function AutoOnDestroy(blackList = []) {

  return function (constructor: any) {
    const original = constructor.prototype.ngOnDestroy;
    constructor.prototype.ngOnDestroy = function () {
      for (const prop in this) {
        if (this.hasOwnProperty(prop)) {
          const property = this[prop];
          if (!blackList.includes(prop)) {
            if (property && (typeof property.unsubscribe === 'function')) {
              property.unsubscribe();
            }
          }
        }
      }
      if (original && typeof original === 'function') {
        original.apply(this, arguments);
      }
    };
  };

}

test.component.ts

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
})
@AutoOnDestroy()
export class TestComponent implements OnInit {
  
  private sub: Subscription;
  ...
}