Is there a bug with the current version of LivePreview or am I doing something wrong?

[Maypher]

When implementing live preview functionality into a global and collection.

    livePreview: {
      url: ({ locale }) => {
        const params = new URLSearchParams({
          path: `/${locale}`,
          secret: PAYLOAD_SECRET,
        })

        return `/draft?${params.toString()}`
      },
    }

This live preview url routes to the draft endpoint that enables draft mode in react

export async function GET(request: Request) {
  // Parse query string parameters
  const { searchParams } = new URL(request.url)
  const secret = searchParams.get('secret')
  const path = searchParams.get('path')

  if (secret !== PAYLOAD_SECRET || !path) return new Response('Invalid params', { status: 401 })

  const payload = await getPayload({ config })
  const { user } = await payload.auth({ headers: request.headers })

  if (!user) return new Response('Not authenticated', { status: 401 })

  const draft = await draftMode()
  draft.enable()
  redirect(path)
}

In development mode it works just fine. However, when deploying I get Uncaught SyntaxError: Failed to execute 'postMessage' on 'Window': Invalid target origin '' in a call to 'postMessage'

So it seems the target origin isn't being added to the live preview functionality. I've tried returning an absolute url from the url function

      url: ({ locale }) => {
        const params = new URLSearchParams({
          path: `${process.env.NEXT_PUBLIC_PAYLOAD_URL}/${locale}`,
          secret: PAYLOAD_SECRET,
        })

        return `${process.env.NEXT_PUBLIC_PAYLOAD_URL}/draft?${params.toString()}`
      },

And even setting serverURL: process.env.NEXT_PUBLIC_PAYLOAD_URL || '' in the payload config and still nothing.

I've made sure the env variable exists, entering the docker container nextjs is running on and running echo $NEXT_PUBLIC_PAYLOAD_URL outputs the correct url so that isn't the issue...

[simovicaleksa]

I am also encountering an issue where live preview for some reason does not use the url generated by my function and instead uses http://localhost:3000/undefined. This happens even if I hardcode the return value of my generation function like so:

This started happening after 3.45.0 and #12860.

// iframe still renders "http://localhost:3000/undefined"
livePreview: {
  url: ({}) => "http://localhost:3000/hello"
}

[khnn]

I am also encountering an issue where live preview for some reason does not use the url generated by my function and instead uses http://localhost:3000/undefined. This happens even if I hardcode the return value of my generation function like so:

This started happening after 3.45.0 and #12860.

// iframe still renders "http://localhost:3000/undefined"

livePreview: {

  url: ({}) => "http://localhost:3000/hello"

}

This sounds like this issue here (fixed in 3.46) #13035