Fix for reactivity issue in TagSet constructor, but the next Svelte release should fix this anyway sveltejs/svelte#15553

Author: hopperelec

src/lib/types.ts

@@ -1,4 +1,5 @@
 import { SvelteSet } from "svelte/reactivity";
+import { untrack } from "svelte";
 
 export type Range = { min: number; max: number };
 
@@ -41,9 +42,14 @@ export type AutocompleteTag = {
 export class TagSet extends SvelteSet<string> {
   constructor(private autocomplete: AutocompleteTag[], tags: Set<string> = new Set()) {
     super(tags);
-    for (const tag of this) {
-      this.removeImplied(tag);
-    }
+    // Svelte tracks changes inside a constructor,
+    // so assigning TagSet to a state would cause an infinite loop if this weren't wrapped with `untrack`.
+    // This should be fixed in a newer version of Svelte https://github.com/sveltejs/svelte/pull/15553
+    untrack(() => {
+      for (const tag of this) {
+        this.removeImplied(tag);
+      }
+    });
   }
 
   add(tag: string) {