From b146eab8d7e1338afa54a168a2fd895e716c2bb2 Mon Sep 17 00:00:00 2001
From: Tormak <63308171+Tormak9970@users.noreply.github.com>
Date: Fri, 3 Feb 2023 15:33:03 -0600
Subject: [PATCH] fix: list didn't update on prop change

---
 src/custom-components/ReorderableList.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/custom-components/ReorderableList.tsx b/src/custom-components/ReorderableList.tsx
index d4e0556..4e8cc5a 100644
--- a/src/custom-components/ReorderableList.tsx
+++ b/src/custom-components/ReorderableList.tsx
@@ -1,4 +1,4 @@
-import { Fragment, JSXElementConstructor, ReactElement, useState } from "react";
+import { Fragment, JSXElementConstructor, ReactElement, useEffect, useState } from "react";
 import { Field, FieldProps, Focusable, GamepadButton } from "../deck-components";
 
 export type ReorderableEntry<T> = {
@@ -23,6 +23,10 @@ export function ReorderableList<T>(props: ListProps<T>) {
   const [entryList, setEntryList] = useState<ReorderableEntry<T>[]>(props.entries.sort((a:ReorderableEntry<T>, b:ReorderableEntry<T>) => a.position - b.position));
   const [reorderEnabled, setReorderEnabled] = useState<boolean>(false);
 
+  useEffect(() => {
+    setEntryList(props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
+  }, [props.entries]);
+
   function toggleReorderEnabled(): void {
     let newReorderValue = !reorderEnabled;
     setReorderEnabled(newReorderValue);