rstore + Pinia lead to Error: obj.hasOwnProperty is not a function ⁃ at shouldHydrate #2962

gabrielstuff · 2025-04-02T16:47:00Z

gabrielstuff
Apr 2, 2025

Reproduction

https://codesandbox.io/p/github/gabrielstuff/rstore-pinia-demo/main?import=true

Steps to reproduce the bug

First, thanks for all the work on Pinia.
The issue I face is as follow :

i'm using rstore to call and manage api call
i'm willing to use Pinia to manage state for other use.

I'm using the following in my rstore :

const headers = useRequestHeaders(['cookie'])
const { data: todos, error, loading, refresh } = await store.todo.queryMany({
  fetchOptions: {
    headers
  }
})

which looks like working perfectly. In a real life example the rstore is making authenticated call with an API.

Without Pinia everything is going fine. As soon as I add Pinia the following errors rised up :

 ERROR  [request error] [unhandled] [GET] http://localhost:3000/


ℹ Error: obj.hasOwnProperty is not a function

 ⁃ at shouldHydrate (node_modules/.pnpm/[email protected][email protected]/node_modules/pinia/dist/pinia.mjs:1205:40)

   1200 ┃   *
   1201 ┃   * @param obj - target variable
   1202 ┃   * @returns true if obj should be hydrated
   1203 ┃   */
   1204 ┃  function shouldHydrate(obj) {
 ❯ 1205 ┃      return !isPlainObject(obj) || !obj.hasOwnProperty(skipHydrateSymbol);
   1206 ┃  }
   1207 ┃  const { assign } = Object;
   1208 ┃  function isComputed(o) {
   1209 ┃      return !!(isRef(o) && o.effect);
   1210 ┃  }

 ⁃ (node_modules/.pnpm/@[email protected][email protected][email protected][email protected]_/node_modules/@pinia/nuxt/dist/runtime/payload-plugin.js:9:55)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:63:18)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:108:15)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)
 ⁃ at flatten (node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:65:39)

[CAUSE]
TypeError {
  stack: 'obj.hasOwnProperty is not a function\n' +
  'at shouldHydrate (./node_modules/.pnpm/[email protected][email protected]/node_modules/pinia/dist/pinia.mjs:1205:40)\n' +
  'at ./node_modules/.pnpm/@[email protected][email protected][email protected][email protected]_/node_modules/@pinia/nuxt/dist/runtime/payload-plugin.js:9:55)\n' +
  'at flatten (./node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:63:18)\n' +
  'at flatten (./node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)\n' +
  'at flatten (./node_modules/.pnpm/[email protected]/node_modules/devalue/src/stringify.js:200:43)\n' +
  'at flatten (./node_modules/.pnpm/[email protected]/node_module'... 657 more characters,
  message: 'obj.hasOwnProperty is not a function',
}

Issue is coming from passing the headers like this :

const { data: todos, error, loading, refresh } = await store.todo.queryMany({
  fetchOptions: {
    headers
  }
})

Note that passing :

fetchOptions: {
    headers: {
      cookie: headers.cookie
    }
  }

is working ok.
As for the reproduction, you can simply check the reproduction link : https://codesandbox.io/p/github/gabrielstuff/rstore-pinia-demo/main?import=true

Really don't get why it fails with Pinia.

Expected behavior

Should render with SSR without issues

Actual behavior

Crash

Additional information

I've been looking at issue and discussion. I've tried to pnpm, rm node_modules, pinpoint version and lot of other suggestion without success. The reproduction is fairly simple and please note that Pinia alone works fine.