add logic to remove all script of current page before moving to new page

Avaiga · Dec 30, 2024 · 50790ce · 50790ce
1 parent 359fef6
commit 50790ce
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/frontend/taipy-gui/src/components/pages/TaipyRendered.tsx b/frontend/taipy-gui/src/components/pages/TaipyRendered.tsx
@@ -64,15 +64,13 @@ const setStyle = (id: string, styleString: string): void => {
 
 // set script tag for the page
 const setScript = (id: string, scriptPaths: string[]): void => {
+    document.querySelectorAll(`script[id^="${id}_"]`).forEach(script => script.remove());
     scriptPaths.forEach((path, index) => {
-        let script = document.getElementById(`${id}_${index}`) as HTMLScriptElement | null;
-        if (!script) {
-            script = document.createElement("script");
-            script.id = `${id}_${index}`;
-            script.src = path;
-            script.defer = true;
-            document.head.append(script);
-        }
+        const script = document.createElement("script");
+        script.id = `${id}_${index}`;
+        script.src = path;
+        script.defer = true;
+        document.head.append(script);
     });
 };