Releases: datocms/react-datocms
v8.0.6 — default video poster to thumbnailUrl
- VideoPlayer: default poster to data.thumbnailUrl a65dccd
v8.0.5 — automatic sizes="auto"
Automatic sizes="auto" for lazy-loaded responsive images
When you don't pass an explicit sizes prop (and the image isn't priority), the image components now emit sizes="auto, 100vw" together with loading="lazy".
On supporting browsers (Chrome/Edge 126+, Opera, Samsung Internet, Firefox 150+) the browser picks the optimal srcset candidate from the image's real laid-out width instead of assuming the full viewport width (100vw) — often a much smaller download. Browsers without support (e.g. Safari) fall back to 100vw, i.e. the previous behavior, so there is no regression.
- An explicit
sizes(prop, or coming from theresponsiveImageGraphQL query) still takes precedence — we never override it. priorityimages are unchanged (they load eagerly, andsizes="auto"requiresloading="lazy").- Applies to both the SSR/native components and the JavaScript lazy-loading components.
v8.0.3
v8.0.1
- Upgrade @datocms/content-link to 0.3.19 and expose hue prop b641d25
Full Changelog: v8.0.0...v8.0.1
v8.0.0
Breaking change: @mux/mux-player-react is now an optional peer dependency
Previously, react-datocms bundled @mux/mux-player-react as a direct dependency with a "*" version range. This caused issues where package managers could resolve to outdated versions of the Mux player, leading to subtitles/closed captions not loading on Chrome.
Starting with v8.0.0, @mux/mux-player-react is declared as an optional peer dependency.
How to upgrade
If you use <VideoPlayer />, add @mux/mux-player-react to your project's dependencies:
npm install @mux/mux-player-reactWe recommend version 3.11.4 or later, which includes the Chrome subtitles fix.
If you don't use <VideoPlayer />, no action is needed — the Mux player package will no longer be pulled into your bundle at all.
Why this change?
- Fixes subtitles not loading on Chrome (forum thread)
- Gives you control over which Mux player version you use
- Reduces bundle size for projects that don't use
<VideoPlayer />
v7.2.10
v7.2.9
- Allow enableClickToEdit prop to accept false value 998b67e
v7.2.7
v7.2.6
v7.2.6-1
- Add stripStega prop to ContentLink component f13104a