Resolves #254

Author: haydenbleasel

.changeset/chatty-sloths-run.md

@@ -0,0 +1,5 @@
+---
+"ai-elements": patch
+---
+
+Adding multiple attachments sequentially breaks the prompt-input

packages/elements/src/prompt-input.tsx

@@ -474,6 +474,10 @@ export const PromptInput = ({
   const [items, setItems] = useState<(FileUIPart & { id: string })[]>([]);
   const files = usingProvider ? controller.attachments.files : items;
 
+  // Keep a ref to files for cleanup on unmount (avoids stale closure)
+  const filesRef = useRef(files);
+  filesRef.current = files;
+
   const openFileDialogLocal = useCallback(() => {
     inputRef.current?.click();
   }, []);
@@ -641,12 +645,13 @@ export const PromptInput = ({
   useEffect(
     () => () => {
       if (!usingProvider) {
-        for (const f of files) {
+        for (const f of filesRef.current) {
           if (f.url) URL.revokeObjectURL(f.url);
         }
       }
     },
-    [usingProvider, files]
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- cleanup only on unmount; filesRef always current
+    [usingProvider]
   );
 
   const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {