`rc.5` breaks hydrating payload data on Netlify/Vercel

Environment

• Operating System: Darwin
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.5
• Package Manager: pnpm@7.5.1
• Builder: vite
• User Config: vite
• Runtime Modules: -
• Build Modules: -

Reproduction

• GitHub repo

• Since this seems to be specific to deployment on Vercel/Netlify, here a reproduction: 👉 Live demonstration of the bug

Describe the bug

Preamble

Source of the bug is the same to https://github.com/nuxt/framework/issues/5895. It does not origin in a missing unique key from the useFetch composable. A key is provided.

The Bug Itself

On Netlify the server-rendered Nuxt instance fetches custom data, but doesn’t write it to the nuxt.payload.data key or even renders the page’s template correctly.

Thus, the useFetch request runs again when the client loaded.

Additional context

• It seems to work when no pages is present and the useFetch runs directly in app.vue. Does the bug originate in https://github.com/nuxt/framework/pull/5709 maybe?
• It seems like a problem specific to Netlify. If I pnpm run build locally and serve the app, it is working.

Logs

No response

[pi0]

Thanks for confirmation. Using nuxt edge and (soon upcoming) rc.7 you no longer need a workaround and deployments should start working out of the box.

[johannschopplich]

With the workaround from https://github.com/nuxt/framework/issues/6204#issuecomment-1201398080 this issue is resolved temporarily. 🎉