diff --git a/angular/src/app/image-editor/smart-editor/smart-editor.component.ts b/angular/src/app/image-editor/smart-editor/smart-editor.component.ts
index d3f4bb5..44e23f0 100644
--- a/angular/src/app/image-editor/smart-editor/smart-editor.component.ts
+++ b/angular/src/app/image-editor/smart-editor/smart-editor.component.ts
@@ -181,7 +181,7 @@ export class SmartEditorComponent implements OnInit{
     const maskFile = this.base64ToFile(maskUrl, 'mask.png');
     const aiOutput = StabilityAiModelMagicEraser(file, maskFile);
     aiOutput.then((result:any) => {
-      this.imageEditorObj.open(result, false, {backgroundColor: '' });
+      this.imageEditorObj.open(result, false, {backgroundColor: null });
       setTimeout(() => {
           hideSpinner(this.imageEditorObj.element);
           this.wrapperDiv.style.opacity = '1';
diff --git a/react/src/ai-components/image-editor/image-editor.tsx b/react/src/ai-components/image-editor/image-editor.tsx
index 1d7fff9..07a5544 100644
--- a/react/src/ai-components/image-editor/image-editor.tsx
+++ b/react/src/ai-components/image-editor/image-editor.tsx
@@ -144,7 +144,7 @@ function ImageEditor() {
         const maskFile = base64ToFile(maskUrl, 'mask.png');
         const aiOutput = StabilityAiModelMagicEraser(file, maskFile);
         aiOutput.then((result: any) => {
-            imageEditorObj.open(result, false, { backgroundColor: '' });
+            imageEditorObj.open(result, false, { backgroundColor: null });
             setTimeout(() => {
                 hideSpinner(imageEditorObj.element);
                 wrapperDiv.style.opacity = '1';
diff --git a/typescript/src/app/image-editor/smart-editor/smart-editor.ts b/typescript/src/app/image-editor/smart-editor/smart-editor.ts
index 5452fd2..2adedb5 100644
--- a/typescript/src/app/image-editor/smart-editor/smart-editor.ts
+++ b/typescript/src/app/image-editor/smart-editor/smart-editor.ts
@@ -225,7 +225,7 @@ document.getElementById('eraseBtn')!.onclick = (): void => {
   const maskFile = base64ToFile(maskUrl, 'mask.png');
   const aiOutput = StabilityAiModelMagicEraser(file, maskFile);
   aiOutput.then((result:any) => {
-    imageEditorObj.open(result, false, { backgroundColor: '' });
+    imageEditorObj.open(result, false, { backgroundColor: null });
     setTimeout(() => {
         hideSpinner(imageEditorObj.element);
         wrapperDiv.style.opacity = '1';
diff --git a/vue/src/ai-components/ai-image-editor/ai-smart-image-editor.vue b/vue/src/ai-components/ai-image-editor/ai-smart-image-editor.vue
index 5ff2c3c..19bcd2e 100644
--- a/vue/src/ai-components/ai-image-editor/ai-smart-image-editor.vue
+++ b/vue/src/ai-components/ai-image-editor/ai-smart-image-editor.vue
@@ -259,7 +259,7 @@ export default {
             const maskFile = this.base64ToFile(maskUrl, 'mask.png');
             const aiOutput = StabilityAiModelMagicEraser(file, maskFile);
             aiOutput.then((result) => {
-                imageEditorObj.open(result, false, { backgroundColor: '' });
+                imageEditorObj.open(result, false, { backgroundColor: null });
                 setTimeout(() => {
                     hideSpinner(imageEditorObj.element);
                     wrapperDiv.style.opacity = '1';