AttachmentUI decomposition

[Yonom]

No description provided.

[utkarsh-alpuria]

Thank you for your response @Yonom and opening this new thread, I tried editing the code accordingly and got a different error.

ERROR
Unhandled Runtime Error
Error: This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component.

CODE

import { FC } from "react";
import { Composer, ThreadPrimitive } from "@assistant-ui/react";

import { AttachmentUI } from "@assistant-ui/react";

const MyAttachmentUI: FC = () => {
return (
<AttachmentUI.Root>
attachment
<AttachmentUI.Remove />
</AttachmentUI.Root>
);
};

export const MyComposer: FC = () => {
return (
<Composer.Root>

<Composer.AddAttachment />
<Composer.Input autoFocus />
<Composer.Action />
</Composer.Root>
);
};

[Yonom]

@utkarsh-alpuria can you try this in order to render MyAttachmentUI for each attachment:

export const MyComposer: FC = () => {
  return (
    <Composer.Root>
      <Composer.AddAttachment />
      <Composer.Attachments components={{ Attachment: MyAttachmentUI }} />
      <Composer.Input autoFocus />
      <Composer.Action />
    </Composer.Root>
  );
};