Using this in Nuxt/Vuex setup - Error - import: export 'default' (imported as 'immutable') was not found in 'object-path-immutable'

[Mohammed Alkhuzayyim]

In package json:

  "dependencies": {
    "@nuxtjs/axios": "^5.3.6",
    "cross-env": "^5.2.0",
    "express": "^4.16.4",
    "nuxt": "^2.0.0",
    "object-path-immutable": "^4.1.0"
  },

Importing it like this:
import immutable from "object-path-immutable";

Using it in a vuex mutation like this:

const mutations = {
  updateComponent: (state, { treePath = [], updatedComponent = {} }) => {
    state.componentTree = immutable.update(
      state.componentTree,
      treePath.join(".children."),
      updatedComponent
    );
    return state;
  }
};

Not sure if I'm doing anything wrong, cant find much about using this in this particular setup. Simply followed the docs to get started and I can't seem to overcome this yet.

Tried destructuring it to get the "update" function, tried es5 imports using require, neither worked with varying errors.

With the es5 imports, the error message was something like: TypeError: updater is not a function at update (object-path-immutable.js?bfd9:138)

Also tried to transpile it in the nuxt config: transpile: [/^vuetify/, /^object-path-immutable/], with es5/es6 imports, neither worked

[Mohammed Alkhuzayyim]

nevermind, i was just using the update function wrong

works now with es5 import/destructured import, default still doesn't work though, closing the issue anyway

thank you