MediaFile component renders the media for the Storefront API's
Media object. It renders an
ExternalVideo, or a
Model3D depending on the
mediaContentType of the
media provided as a prop.
||A Media object.|
||The options for the
MediaFile component is a shared component, which means that it renders on both the server and the client. For more information about component types, refer to React Server Components.
The following fragment is available as a string for your GraphQL query using
MediaFile.Fragment. Using this fragment ensures that you have all the data necessary for rendering the