Function MountImage

Display an image file from a mount. Reads the bytes off the sandbox ZenFS, turns them into an object URL, and renders an <img> — revoking the URL for you on unmount / prop change (via useObjectUrl). This is the drop-in for the pattern apps used to hand-roll: read bytes → Blob → createObjectURL → revoke.

Any extra <img> attribute (className, style, onClick, width, …) passes straight through. Provide loading / fallback for the pending and error states.

<MountImage
  mount={mount}
  relPath="photos/cat.png"
  alt="cat"
  placeholder={<Spinner />}
  fallback={<span>missing</span>}
/>
Copy