From 627170a3e621a5ddb0abc1aa016b0a4334bc3837 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Tue, 31 Oct 2023 09:03:21 +0100
Subject: [PATCH] fix: svelte giving warnings about creating components with
 unknown properties

---
 src/lib/components/modes/tablemode/JSONValue.svelte | 4 +++-
 src/lib/components/modes/treemode/JSONValue.svelte  | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/modes/tablemode/JSONValue.svelte b/src/lib/components/modes/tablemode/JSONValue.svelte
index c142b14f..6abd21b5 100644
--- a/src/lib/components/modes/tablemode/JSONValue.svelte
+++ b/src/lib/components/modes/tablemode/JSONValue.svelte
@@ -47,5 +47,7 @@
 </script>
 
 {#each renderers as renderer}
-  <svelte:component this={renderer.component} {...renderer.props} />
+  {#key renderer.component}
+    <svelte:component this={renderer.component} {...renderer.props} />
+  {/key}
 {/each}
diff --git a/src/lib/components/modes/treemode/JSONValue.svelte b/src/lib/components/modes/treemode/JSONValue.svelte
index 2213810c..274b7587 100644
--- a/src/lib/components/modes/treemode/JSONValue.svelte
+++ b/src/lib/components/modes/treemode/JSONValue.svelte
@@ -34,5 +34,7 @@
 </script>
 
 {#each renderers as renderer}
-  <svelte:component this={renderer.component} {...renderer.props} />
+  {#key renderer.component}
+    <svelte:component this={renderer.component} {...renderer.props} />
+  {/key}
 {/each}