Map Lagging on Drag and Drop Movement

am working on Angular 11 project having arcgis javascript version 4.17

when doing Drag and Drop on the map it self by the mouse, there is a kind of lagging that happens on it. the movement is not smoothly done.
note it is not something with the internet connection,

Code:

const properties: esri.MapProperties = {
      basemap: this.basemap
    };
this.map = new EsriMap(properties);

const map_view_properties: esri.MapViewProperties = {
      container: this.mapViewEl.nativeElement,
      center: this.homeService.mapCenter,
      zoom: this.homeService.mapZoomLevel,
      // tslint:disable-next-line: object-literal-shorthand
      map: this.map,
    };

this.view = new EsriMapView(map_view_properties);