Nuxt 4: TypeError: Cannot read properties of undefined (reading 'state')

[zly2006]

Working fine in dev mode, but when I build and start it as production:

Listening on http://[::]:3000
[request error] [unhandled] [GET] http://localhost:3000/.well-known/appspecific/com.chrome.devtools.json
 TypeError: Cannot read properties of undefined (reading 'state')
    at app:rendered (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:37377:52)
    ... 8 lines matching cause stack trace ...
    at Object.runWithContext (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:68:31) {
  cause: TypeError: Cannot read properties of undefined (reading 'state')
      at app:rendered (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:37377:52)
      at file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:114:44
      at fn (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:217:20)
      at Object.callAsync (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/nitro/nitro.mjs:4821:55)
      at file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:220:56
      at Object.runWithContext (/Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:3072:18)
      at callWithNuxt (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:220:24)
      at file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:68:41
      at EffectScope.run (/Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/node_modules/@vue/reactivity/dist/reactivity.cjs.prod.js:81:16)
      at Object.runWithContext (file:///Users/zhaoliyan/IdeaProjects/reden-api-1/frontend/.output/server/chunks/build/server.mjs:68:31),
  statusCode: 500,
  fatal: false,
  unhandled: true,
  statusMessage: undefined,
  data: undefined
}

The error points to this line:

  hooks: {
    "app:rendered"() {
      const nuxtApp = useNuxtApp();
      nuxtApp.payload.pinia = toRaw(nuxtApp.$pinia).state.value; // <---here
      pinia_prodExports.setActivePinia(void 0);
    }
  }