Не могу создать элемент img на основе BLOB-объекта

Question

Я пытаюсь создать элемент img на основе изображения, которое я получаю как ArrayBuffer (который я затем конвертирую в BLOB-объект). Вот что я пробовал до сих пор

private onProfilePictureChanged = (event: any) => {
        if (event.target.files && event.target.files[0]) {
            const reader: FileReader = new FileReader();
            reader.onload = (e: any) => {
                this.setState({
                    profilePicture: new Blob([e.target.response], {
                        type: "image/jpeg"
                    }),
                    profilePictureURL: URL.createObjectURL(new Blob([e.target.response], {
                        type: "image/jpeg"
                    }))
                }, () => console.log(this.state))
            }
            reader.readAsArrayBuffer(event.target.files[0]);
        }
    }

Изображение получает src из состояния. После преобразования ArrayBufer в Blob, а затем в URL, я получаю этот URL blob:file:///00756259-cff1-4459-9b05-fe8cfbc1b361. Но изображение не отображается, только alt. Я также не получаю ошибку в консоли, поэтому я не уверен, в чем может быть проблема.

Есть предложения? Заранее спасибо!