@decky/ui 4.1.0 → 4.1.1

package/dist/custom-components/ReorderableList.js

@@ -3,10 +3,10 @@ import { Field, Focusable, GamepadButton } from '../components';
 export function ReorderableList(props) {
     if (props.animate === undefined)
         props.animate = true;
-    const [entryList, setEntryList] = useState(props.entries.sort((a, b) => a.position - b.position));
+    const [entryList, setEntryList] = useState([...props.entries].sort((a, b) => a.position - b.position));
     const [reorderEnabled, setReorderEnabled] = useState(false);
     useEffect(() => {
-        setEntryList(props.entries.sort((a, b) => a.position - b.position));
+        setEntryList([...props.entries].sort((a, b) => a.position - b.position));
     }, [props.entries]);
     function toggleReorderEnabled() {
         let newReorderValue = !reorderEnabled;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "A library for interacting with the Steam frontend in Decky plugins and elsewhere.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/custom-components/ReorderableList.tsx

@@ -35,12 +35,12 @@ export type ReorderableListProps<T> = {
 export function ReorderableList<T>(props: ReorderableListProps<T>) {
   if (props.animate === undefined) props.animate = true;
   const [entryList, setEntryList] = useState<ReorderableEntry<T>[]>(
-    props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position),
+    [...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));
+    setEntryList([...props.entries].sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
   }, [props.entries]);
 
   function toggleReorderEnabled(): void {