AngularFireStorage InvalidPipeArgument при загрузке файла и получении URL-адреса для загрузки

Question

Я использую angular материал, и приведенный ниже код вызывается для сохранения моего образа base64 в хранилище Firebase. Он сохраняет изображение, но затем выдает ошибку в консоли. Мне нужно выполнить некоторую обработку, как только downloadUrl станет доступен.

const fileRef = this.storage.ref('/').child((new Date().getTime().toString()))
        let task = fileRef.putString(this.cropBase64, 'data_url')
        task.snapshotChanges().pipe(
            finalize(async() => {
              this.downloadURL = await fileRef.getDownloadURL().toPromise();
             console.log('this.downloadURL after crop:', this.downloadURL)
            })
        ).subscribe()

Ошибка ниже

ERROR Error: InvalidPipeArgument: 'https://firebasestorage.googleapis.com/v0/b/mybucket.appspot.com/o/1585458816517?alt=media&token=XXXXb' for pipe 'AsyncPipe'
    at invalidPipeArgumentError (common.js:5161)

Пожалуйста, посоветуйте, как это исправить