From 5347a6db045b1a97c4c5ab3dcae18071c1571966 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Mon, 4 Dec 2023 15:48:22 -0500
Subject: [PATCH] Ensure ArrayField value is always an array

---
 package-lock.json                            |  2 +-
 src/addons/dispatch/fields/ArrayField.svelte | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 36bde8041..d098a3ec9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,7 +40,7 @@
         "rlite-router": "^2.0.3",
         "sass": "^1.60.0",
         "sass-loader": "^13.3.2",
-        "scrollzoom": "MuckRock/scrollzoom",
+        "scrollzoom": "github:MuckRock/scrollzoom",
         "style-loader": "^3.3.3",
         "svelte": "^4.0.0",
         "svelte-i18n": "^4.0.0",
diff --git a/src/addons/dispatch/fields/ArrayField.svelte b/src/addons/dispatch/fields/ArrayField.svelte
index f193ecf36..39587e117 100644
--- a/src/addons/dispatch/fields/ArrayField.svelte
+++ b/src/addons/dispatch/fields/ArrayField.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
+  import { beforeUpdate } from "svelte";
   import Plus16 from "svelte-octicons/lib/Plus16.svelte";
+
   import Checkbox from "./Checkbox.svelte";
   import X16 from "svelte-octicons/lib/X16.svelte";
   import Number from "./Number.svelte";
@@ -15,9 +17,16 @@
   };
 
   export let count: number = 1;
-  export let value = Array(count).fill(null);
+  export let value: [any] = Array(count).fill(null);
+
+  $: numItems = value?.length ?? 0;
 
-  $: numItems = value.length;
+  beforeUpdate(() => {
+    // value should always be an array
+    if (!Array.isArray(value)) {
+      value = [];
+    }
+  });
 
   // only one level of nesting allowed
   const types = {