Could not load image because of out of range source coordinates for image copy.

I use the azure-maps-control SDK version 2.3.7 for my Angular app. When I Initialise the Map it intermittently fires the error event. So sometimes it fires when the map loads and sometimes it does not. The error fires before I add any markers to the map, but Also if I remove all my code to add markers to the map and simply initialise the map. So if the error event fires the message I receive is: "Could not load image because of out of range source coordinates for image copy. Please make sure to use a supported image type such as PNG or JPEG. Note that SVGs are not supported."

I use the Angular ngAfterViewInit lifecycle hook to initialise the map and the AzureMapsModule.forRoot to set the authOptions

ngAfterViewInit(): void {
    this._initMap();
  }

  private _initMap() {
    this._map = new atlas.Map(this.mapId, {
      language: 'en-us',
      style: 'satellite',
      showFeedbackLink: false,
    });

    this._map.events.add('ready', (event) => {
      this._map$.next(event.map);
      this.map.emit(this._map$.asObservable());
    });

    this._map.events.add('error', (e) => {
      console.error(e);
      this._sharedService.showMessage(
        'Error occurred while loading the map',
        SnackBarClasses.error,
      );
    });

    this._map$.next(this._map);
  }

AzureMapsModule.forRoot({
      authOptions: {
        authType: AuthenticationType.subscriptionKey,
        subscriptionKey: environment.azureMapsSubscriptionKey,
      },
    }),