From be73586b6deb16713c98b69126e946f00de4d082 Mon Sep 17 00:00:00 2001
From: Dimitris - Rafail Katsampas <katsampasdr@gmail.com>
Date: Wed, 16 Jun 2021 07:19:19 +0300
Subject: [PATCH] fix: Router component had memory leaks after mount/unmount
 (#221)

---
 Router.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/Router.svelte b/Router.svelte
index dffca17..50e194e 100644
--- a/Router.svelte
+++ b/Router.svelte
@@ -220,7 +220,7 @@ function scrollstateHistoryHandler(event) {
 {/if}
 
 <script>
-import {createEventDispatcher, afterUpdate} from 'svelte'
+import {onDestroy, createEventDispatcher, afterUpdate} from 'svelte'
 import {parse} from 'regexparam'
 
 /**
@@ -451,7 +451,7 @@ let componentObj = null
 // Handle hash change events
 // Listen to changes in the $loc store and update the page
 // Do not use the $: syntax because it gets triggered by too many things
-loc.subscribe(async (newLoc) => {
+const unsubscribeLoc = loc.subscribe(async (newLoc) => {
     lastLoc = newLoc
 
     // Find a route matching the location
@@ -545,4 +545,8 @@ loc.subscribe(async (newLoc) => {
     component = null
     componentObj = null
 })
+
+onDestroy(() => {
+    unsubscribeLoc()
+})
 </script>