WARN: Cannot stringify arbitrary non-POJOs

Maybe this can help someone:

I solved the problem converting the class object to a POJO’s at toJSON() function (which is the function devalue library calls). So an example would be:

class User {
  toJSON () {
    return { ...this } // here I make a POJO's copy of the class instance
  }
}

It’s a clear solution which also makes sense to solve the warning.

Yeah. I think it’s going to solve this unless we make internal change to the Vuex ORM.

Basically, Nuxt is hydrating the store state, and sending it to the client as a string. Then, at the client side, it uses that hydrated store. So, the state gets serialized before the store state is getting send to the client. Therefor, it throws that warning that it is failing to serialize the store state, because it stores class instances (models).

I think, generally speaking, Vue, Vuex and Nuxt don’t want to developer to store anything but serializable object to the store state – which is I think no Functions.

To avoid this, Vuex ORM must store pure object to the store (not class instance), and then re instantiate each records when we fetch through getters. This was what it was few month ago with Vuex ORM. I’ve changed it to get a bit more performance boost, and also to implement index mapping.

Maybe we should go back to old days…? Or maybe we could wait until Vuex 3 comes out (and hopefully Vuex 4), to see what is the right way to go. I guess we need more discussion on this topic.