live preview function error

[anhnhoktvn]

Describe the Bug

can not use live preview function with media in website template

Link to the code that reproduces this issue

https://github.com/hoasenkt07/bug-report-01

Reproduction Steps

clone and run npm run dev
go to admin
, edit Home page
, choose content
, add new media block
, choose an image
, turn on live preview

Which area(s) are affected? (Select all that apply)

Not sure

Environment Info

Binaries:
  Node: 20.17.0
  npm: 10.8.2
  Yarn: N/A
  pnpm: 9.15.1
Relevant Packages:
  payload: 3.12.0
  next: 15.1.3
  @payloadcms/db-postgres: 3.12.0
  @payloadcms/email-nodemailer: 3.12.0
  @payloadcms/graphql: 3.12.0
  @payloadcms/live-preview: 3.12.0
  @payloadcms/live-preview-react: 3.12.0
  @payloadcms/next/utilities: 3.12.0
  @payloadcms/payload-cloud: 3.12.0
  @payloadcms/plugin-form-builder: 3.12.0
  @payloadcms/plugin-nested-docs: 3.12.0
  @payloadcms/plugin-redirects: 3.12.0
  @payloadcms/plugin-search: 3.12.0
  @payloadcms/plugin-seo: 3.12.0
  @payloadcms/richtext-lexical: 3.12.0
  @payloadcms/translations: 3.12.0
  @payloadcms/ui/shared: 3.12.0
  react: 19.0.0
  react-dom: 19.0.0
Operating System:
  Platform: linux
  Arch: x64
  Version: #51-Ubuntu SMP PREEMPT_DYNAMIC Sat Nov  9 17:58:29 UTC 2024
  Available memory (MB): 31870
  Available CPU cores: 16

[paulpopus]

Thank you for your report, merging a fix!