From 63a46b6025169141ff24d99e2029855a0caff830 Mon Sep 17 00:00:00 2001
From: Edwin Vasquez <edwin.vasquez@autodesk.com>
Date: Tue, 13 Oct 2026 16:25:38 -0500
Subject: [PATCH] DYN-10892 Fix blank splash screen in Dynamo

---
 package-lock.json |  4 ++--
 package.json      |  2 +-
 src/App.js        | 11 ++++++-----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a8d5c82..01e6a57 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dynamods/splash-screen",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dynamods/splash-screen",
-      "version": "1.0.32",
+      "version": "1.0.33",
       "license": "MIT",
       "dependencies": {
         "bootstrap": "^5.2.1",
diff --git a/package.json b/package.json
index ec3d29a..66a9512 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dynamods/splash-screen",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "Splash Screen maintained by Dynamo Team@Autodesk",
   "author": "Autodesk Inc.",
   "license": "MIT",
diff --git a/src/App.js b/src/App.js
index d712fd8..397e8dd 100644
--- a/src/App.js
+++ b/src/App.js
@@ -36,10 +36,11 @@ class App extends React.Component {
   };
 
   setBackgroundImage() {
-    let backgroundImage = '#base64BackgroundImage';
-    if (!backgroundImage.includes('#'))
-      // eslint-disable-next-line no-import-assign
-      base64DynamoBackground = backgroundImage;
+    // Dynamo replaces this placeholder with the real image before loading the page.
+    // Keep the result on the instance: ES module imports are read-only, and assigning
+    // to the imported binding throws once the bundler emits getter-only exports.
+    const backgroundImage = '#base64BackgroundImage';
+    this.backgroundImage = backgroundImage.includes('#') ? base64DynamoBackground : backgroundImage;
   }
 
   componentDidMount() {
@@ -87,7 +88,7 @@ class App extends React.Component {
           </Col>
           <Col className='p-0' >
             {this.state.loadingDone && <span onClick={this.closeDynamo} className='close' />}
-            <img className='screenBackground' alt='' src={base64DynamoBackground}></img>
+            <img className='screenBackground' alt='' src={this.backgroundImage}></img>
           </Col>
         </Row>
         <Toast />