elf + immer | Cannot add property 'x', object is not extensible error

[st-clair-clarke]

I have the following:

import { immerable } from 'immer'
import { nanoid } from 'nanoid'
import { createState, select, Store, withProps } from '@ngneat/elf'
import { localStorageStrategy, persistState } from '@ngneat/elf-persist-state'
import { Injectable } from '@angular/core'
import { produce } from 'immer'

export interface IPc {
	id: TId
	duration: string
	complaint: string
}

export type TId = string | number

export class Pc {
	id: TId = nanoid()
	complaint = ''
	duration = ''
}

Pc[immerable] = true

export interface IHistory {
	id: TId
	pc: IPc[]

}

export class History {
	id = nanoid()
	pc: IPc[] = []
}

History[immerable] = true

export interface IHistoryState {
	id: TId
	domain: IHistory
	pc: IPc[]
}

export class HistoryState {
	id: TId = nanoid()
	pc: IPc[] = []
	domain: IHistory = new History()
}

HistoryState[immerable] = true

const { state, config } = createState(
	withProps<IHistoryState>(new HistoryState()),
)
const store = new Store({ name: 'mdsHistory', state, config })
const persist = persistState(store, {
	key: 'mdsHistory',
	storage: localStorageStrategy,
	// source: () => store.pipe(tap((state) => console.log('HistoryRepo| ', state))),
})

export function write<S>(updater: (state: S) => void): (state: S) => S {
	return function (state) {
		return produce(state, (draft) => {
			updater(draft as S)
		})
	}
}

export class HistoryRepository {
	store = store
  pc$ = store.pipe(select((state: IHistoryState) => state.domain.pc))

  updatePc(pc: IPc[]) {
    store.update(
      write((state: IHistoryState) =>
       state.domain.pc = pc  //// PROBLEM
      ),
    )
  }
}

const repo = new HistoryRepository()

let pc1: IPc[] = [{id: 1, complaint: 'Headache', duration: ''}]
repo.updatePc(pc1)

pc1 = [{id: 1, complaint: 'Headache', duration: '2 days'}]
repo.updatePc(pc1)  // updating duration or complaint property results in error as described below in the real app.

repo.pc$.subscribe((pc:IPc[]) => console.log(pc))
// const pc1: IPc[] = [{id: nanoid(), complaint: 'Headache', duration: '2 days'}]

The pc parameter in updatePc(pc: IPc[]) function is retrieved from a UI grid.
In the liver program, I can update the store normally with the initial call to update(). However, any call after that with changes to either complaint or duration property results in the following error...

core.mjs:6494 ERROR TypeError: Cannot add property duration, object is not extensible
    at assignValueToProperty (object.js:60:1)
    at deepExtendArraySafe (object.js:77:1)
    at update (array_utils.js:208:24)
    at inheritor._updateImpl (array_store.js:64:22)
    at inheritor._updateImpl (class.js:18:1)
    at inheritor.update (abstract_store.js:117:1)
    at ui.grid_core.editing.js:1285:1
    at ui.grid_core.editing.js:1221:1
    at _promise.<computed> [as done] (deferred.js:46:1)
    at inheritor._executeEditingAction (ui.grid_core.editing.js:1215:29)

I would appreciate your help solving this issue as I have been stuck here for sometime.

Thanks