From 66225523b02e75dbccfaaa3d9af174420b3ceed5 Mon Sep 17 00:00:00 2001
From: Sebbe Selvig <sebbe.selvig@storytel.com>
Date: Wed, 28 Dec 2022 12:47:00 +0100
Subject: [PATCH] Add $destroy call before replacing current component

---
 lib/index.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/lib/index.ts b/lib/index.ts
index b40b7dc..4a4eef3 100644
--- a/lib/index.ts
+++ b/lib/index.ts
@@ -6,6 +6,7 @@ import {
 } from './utils'
 
 const rootId = 'cypress-root'
+let component: SvelteComponent | null = null;
 
 /**
  * Additional styles to inject into the document.
@@ -84,6 +85,7 @@ interface SvelteComponent {
       [key: string]: Function[]
     }
   }
+  $destroy: Function
 }
 
 interface SvelteComponentConstructor {
@@ -104,6 +106,11 @@ export function mount(
     cleanupStyles(document)
 
     let el = document.getElementById(rootId)
+    if (component) {
+      component.$destroy();
+      component = null;
+    }
+
     if (el) {
       while (el.firstChild) {
         el.removeChild(el.firstChild)
@@ -133,11 +140,11 @@ export function mount(
         target,
       })
 
-      const component = new Component(allOptions)
+      component = new Component(allOptions)
       if (options.callbacks) {
         // write message callbacks
         Object.keys(options.callbacks).forEach((message) => {
-          component.$$.callbacks[message] = [options.callbacks![message]]
+          component!.$$.callbacks[message] = [options.callbacks![message]]
         })
       }