Skip to content

Commit 8943361

Browse files
committed
[TOOL-4831] SDK: Fix MediaRenderer not showing poster for 3d models
1 parent 4c29886 commit 8943361

File tree

2 files changed

+20
-0
lines changed

2 files changed

+20
-0
lines changed

.changeset/heavy-ghosts-nail.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"thirdweb": patch
3+
---
4+
5+
Fix `poster` not shown in `MediaRenderer` component for 3D models

packages/thirdweb/src/react/web/ui/MediaRenderer/MediaRenderer.tsx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,21 @@ export const MediaRenderer = /* @__PURE__ */ (() =>
111111
console.error(
112112
"Encountered an unsupported media type. 3D model support was removed in v5.92.0. To add a 3D model to your app, use @google/model-viewer and use the ModelViewer component.",
113113
);
114+
115+
// show poster
116+
if (possiblePosterSrc.mimeType?.startsWith("image/")) {
117+
return (
118+
<ImageRenderer
119+
style={mergedStyle}
120+
src={possiblePosterSrc.url}
121+
alt={alt}
122+
ref={ref as unknown as React.ForwardedRef<HTMLImageElement>}
123+
className={className}
124+
height={height}
125+
width={width}
126+
/>
127+
);
128+
}
114129
}
115130

116131
// video

0 commit comments

Comments
 (0)