chore(changeset): changeset

.changeset/nice-actors-drive.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/use-aria-multiselect": patch
+---
+
+Fixing the keys on multi selection hook

packages/hooks/use-aria-multiselect/src/use-multiselect-list-state.ts

@@ -1,6 +1,6 @@
 import {ListState, useListState} from "@react-stately/list";
 import {CollectionBase, MultipleSelection, Node} from "@react-types/shared";
-import {Key} from "react";
+import {Key, useMemo} from "react";
 
 export interface MultiSelectListProps<T> extends CollectionBase<T>, MultipleSelection {}
 
@@ -25,19 +25,21 @@ export function useMultiSelectListState<T extends object>(
     selectionManager: {setSelectedKeys, selectedKeys, selectionMode},
   } = useListState<T>(props);
 
-  const missingKeys: Key[] = [];
+  const missingKeys: Key[] = useMemo(() => {
+    if (selectedKeys.size !== 0) {
+      return Array.from(selectedKeys)
+        .filter(Boolean)
+        .filter((key) => !collection.getItem(key));
+    }
+
+    return [];
+  }, [selectedKeys, collection]);
 
   const selectedItems = (
     selectedKeys.size !== 0
       ? Array.from(selectedKeys)
           .map((key) => {
-            const item = collection.getItem(key);
-
-            if (!item) {
-              missingKeys.push(key);
-            }
-
-            return item;
+            return collection.getItem(key);
           })
           // Remove undefined values when some keys are not present in the collection
           .filter(Boolean)