Vuex Мой компонент не реагирует на изменения состояния

Question

Мне не удается заставить мой компонент реагировать на изменения хранилища Vuex, но только когда я изменяю существующий элемент.Из всего, что я знаю, это вообще не должно быть связано с тем, как компоненты вложены или что-то еще;После нескольких часов отладки, пробуя все, все, что у меня есть, это что-то о глубоком наблюдении за изменениями магазина ...

Когда я добавляю элемент в currentVisit.pathologies ex: {id: 1, title: "Что-то"} все работает нормально, но когда я редактирую элемент, мой компонент не реагирует на обновление магазина

UPDATED 

addPathology: (state, payload) => {
      state.currentVisit.pathologies.push(payload);
    },
    updatePathology: (state, payload) => {
//this is the "reduced" code, this is how I found my component doesn't react.
      state.currentVisit.pathologies[0] = payload;
    }
state{
currentVisit: {
      id: "5",
      tumors: null,
      pathologies: [],
      examinations: null,
      allergies: null,
      diagnoses: null,
      comorbidities: null,
      chemotherapies: null,
      radiations: null,
      immunotherapies: null,
      operations: null
    }
}

createPathology: ({ commit, getters }, payload) => {


      return new Promise((resolve, reject) => {
        //do axios
        //then commit updatePathologies
        //then return promise response
        baseAxios
          .post("visits/" + getters.visitId + "/pathologies", payload)
          .then(res => {
            commit("addPathology", res.data.data);
            resolve(res);
          })
          .catch(e => {
            reject(e);
          });
      });
    }

editPathology: ({ commit, getters }, payload) => {

      return new Promise((resolve, reject) => {
        baseAxios
          .patch(
            "visits/" + getters.visitId + "/pathologies/" + payload.id,
            payload
          )
          .then(res => {
            //commit("updatePathology", res.data.data);
            resolve(res);
          })
          .catch(e => {
            reject(e);
          });
      });
    }

Answer 1

Изменение мутации updatePathology на реактивность:

updatePathology: (state, payload) => {
  const pathologies = state.currentVisit.pathologies;
  pathologies[0] = payload;
  // assign a new array reference for reactivity
  state.currentVisit.pathologies = [...pathologies];
}

Vue Docs