Runtime Hooks
Hooks for accessing attachment state in composer and messages.
useAttachment
Access the current attachment state:
import { useAttachment } from "@assistant-ui/react";
const { attachment } = useAttachment();
const att = useAttachment((m) => m.attachment);useComposerAttachment (Composer)
When working with a composer’s attachment:
import { useComposerAttachment } from "@assistant-ui/react";
const { attachment } = useComposerAttachment();
const composerAttachment = useComposerAttachment((m) => m.attachment);ComposerAttachmentState
attachment:
ComposerAttachment
The current composer attachment.
useMessageAttachment (Message)
For managing a message’s attachment:
import { useMessageAttachment } from "@assistant-ui/react";
const { attachment } = useMessageAttachment();
const messageAttachment = useMessageAttachment((m) => m.attachment);MessageAttachmentState
attachment:
MessageAttachment
The current message attachment.