diff --git a/packages/web-component/src/components/read-along-component/read-along.tsx b/packages/web-component/src/components/read-along-component/read-along.tsx
index ccd49b47..74f587f4 100644
--- a/packages/web-component/src/components/read-along-component/read-along.tsx
+++ b/packages/web-component/src/components/read-along-component/read-along.tsx
@@ -1472,8 +1472,10 @@ export class ReadAlongComponent {
       URL.revokeObjectURL(this.images[pageIndex]);
     }
 
-    delete this.images[pageIndex];
-    this.images = { ...this.images }; // Using spread operator as advised https://stenciljs.com/docs/reactive-data#updating-an-object
+    const newImage = {};
+    newImage[pageIndex] = null;
+
+    this.images = { ...this.images, ...newImage }; // Using spread operator as advised https://stenciljs.com/docs/reactive-data#updating-an-object
   }
 
   /**********