fix:destroy stripe embedded checkout element when wrapper element is …

…destroyed
joshnuss · Jan 8, 2024 · 265c62c · 265c62c · vercel · Jan 8, 2024
1 parent 136e2ca
commit 265c62c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { onDestroy } from 'svelte'
   import { register } from './util'
 
   /** @type {import('@stripe/stripe-js').Stripe?} */
@@ -9,6 +10,8 @@
 
   let wrapper
 
+  let checkoutElement
+
   $: if (stripe) {
     register(stripe)
   }
@@ -17,9 +20,14 @@
     stripe
       .initEmbeddedCheckout({ clientSecret })
       .then((element) => {
-        element.mount(wrapper)
+        checkoutElement = element
+        checkoutElement.mount(wrapper)
       })
   }
+
+  onDestroy(() => {
+    checkoutElement?.destroy()
+  });
 </script>
 
 {#if stripe && clientSecret}