Error: do not mutate vuex store state outside mutation handlers

[gabrielmbmb]

Error: do not mutate vuex store state outside mutation handlers

[gabrielmbmb]

As you pointed out, the function mergeWith was mutating the store state directly. This is fixed now and v1.0.13 has been released! Thank you again for reporting the issue!

[gabrielmbmb]

Hi Andrey,

thank you for reporting the issue! I will check this ASAP.

[ABilenduke]

I still get this error a lot

[gabrielmbmb]

@ABilenduke Hi! Could you tell me which version of vuex-multi-tab-state are you using? Also, it will be great the traceback of the error and the code block in which you are using and configuring the state.

[andrey-hohlov]

It worked in 1.0.13 but broken in 1.0.14.

I suppose after this commit: 52dfda7

[gabrielmbmb]

Hey, @andrey-hohlov thanks for reporting the issue again. Yeah, maybe something is wrong again after that commit. I'll check it ASAP.

[gabrielmbmb]

@andrey-hohlov Hi again, could you update the plugin version to the latest (v1.0.16) and retest if the error still occurs? The v1.0.14 is deprecated because it contained several bugs.

[andrey-hohlov]

@gabrielmbmb Hi!

I started with v1.0.16 and I was rolling back until the bug disappeared in v1.0.13

[sdailly]

I have the same issue & i have rolling back to 1.0.13 too :(

[ABilenduke]

Add this line to your store index file:

export const strict = false

It worked for me

[gabrielmbmb]

Hi @andrey-hohlov and @sdailly, could you provide me some code snippets that you consider relevant to this problem? It will help me to find a solution to this as I'm not able to reproduce it with my tests!

[andrey-hohlov]

@gabrielmbmb

https://github.com/andrey-hohlov/vuex-multi-tab-state-mutation-error
(fill the field, reload the page and look at the console)

The error happens only when the nested property used in statesPaths.

user - (property in the root state or sub-module) - works
user.name - error

[gabrielmbmb]

Hi @andrey-hohlov, I just took a look at your example. I was able to see the error and it is related to https://vuex.vuejs.org/guide/strict.html. In production, this error won't show up but I understand that in develop it could be annoying. I'll try to find a fix for this.

[jonalxh]

Any update? I'm facing the same issue with Nuxt and vuex-multi-tab-state version ^1.0.16.