Update app.py

app.py

@@ -529,14 +529,19 @@ with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("Play
 <script>
 window.addEventListener('load', () => {
   const observer = new MutationObserver(() => {
+  let customLoader = document.getElementById('custom-loader');
     const svg = document.querySelector('svg.svelte-zyxd38 g');
 // SVGが存在しない場合、ローダーを非表示にする
     if (!svg) {
-      if (document.getElementById('custom-loader')) {
-        document.getElementById('custom-loader').style.display = 'none';
+      if (customLoader) {
+        customLoader.style.display = 'none';
       }
       return;
     }
+  // SVGのg要素が存在する場合、ローダーを表示する
+    if (svg && customLoader) {
+      customLoader.style.display = 'block';
+    }
     const component25 = document.querySelector('#component-25');
     if (!component25) return;
     if (component25.querySelector('#custom-loader')) {
@@ -546,7 +551,7 @@ window.addEventListener('load', () => {
     if (component25) {
   // カスタムローダーのHTML
   const loaderHTML = `
-    <div id="custom-loader" style="display: none;">
+    <div id="custom-loader">
       <div class="loading-text">
         <span style="animation-delay:0s">i</span>
         <span style="animation-delay:0.1s">n</span>
@@ -564,12 +569,7 @@ window.addEventListener('load', () => {
     </div>
   `;
   component25.insertAdjacentHTML('beforeend', loaderHTML);
-  // SVGのg要素が存在する場合、ローダーを表示する
-    if (svg && customLoader) {
-      customLoader.style.display = 'block';
-    }
 }
-
   });
   observer.observe(document.body, { childList: true, subtree: true });
 });