useFiles

useFiles(options: UseFilesOptions): UseFilesResult

A React hook for managing files (images, videos, audio, documents).

This hook provides comprehensive CRUD operations for file records stored in WatermelonDB, along with file reading capabilities from OPFS encrypted storage. It supports both user-uploaded files and AI-generated files (e.g., DALL-E images).

Parameters

Parameter	Type	Description
`options`	`UseFilesOptions`	Configuration options

Returns

UseFilesResult

An object containing file state and methods

Example


import { useFiles } from '@anthropic-ai/sdk/react';
 
function FileGallery({ database, walletAddress }) {
  const {
    getImages,
    readFile,
    createBlobUrl,
    isReady,
  } = useFiles({ database, walletAddress });
 
  const [images, setImages] = useState<StoredMedia[]>([]);
 
  useEffect(() => {
    if (isReady && walletAddress) {
      getImages(20).then(setImages);
    }
  }, [isReady, walletAddress, getImages]);
 
  return (
    <div>
      {images.map((img) => (
        <FileImage key={img.mediaId} file={img} createBlobUrl={createBlobUrl} />
      ))}
    </div>
  );
}