The MediaFile component renders the media for the Storefront API's Media object. It renders an Image, a Video, an ExternalVideo, or a ModelViewer depending on the mediaContentType of the media provided as a prop.

The component outputs the HTML element that corresponds to the rendered Hydrogen component. You can customize this component using passthrough props.