Cannot add property _children, object is not extensible

Question

I am trying to work with lwc tree-grid and move the results returned from my query display there related data.

However it looks like the return is now non-extensible and as such you can no longer simply do the following to get the data into the '_children' property

@wire(fetchTimesheets) timeSheetRate({ error, data }) { if (data) { let objs = []; for ( var i = 0; i < data.length; i++ ) { console.log(JSON.parse(JSON.stringify(data[i]))); let obj = data[i]; if(obj['Timesheet_Rates__r']) { obj._children = obj[ 'Timesheet_Rates__r' ]; delete obj.Timesheet_Rates__r; } console.log(JSON.parse(JSON.stringify(obj))); objs.push(obj); } this.gridData = objs; } else if (error) { console.log('An error has occurred:'); console.log(error); } };

Any ideas, The only thing i can think of at this point would be return a class so Apex rather then the objects

TimChadwick · Accepted Answer · 2020-11-12 11:10:52Z

Using a json parse i was able to pass the data into a new variable and from there i could use a map on my new list do change the values on a new list and put it back into the tracked proporty

if (data) { let objs = JSON.parse(JSON.stringify(data)); objs.map(e =>{ if(e[ 'Timesheet_Rates__r' ]){ e._children = e[ 'Timesheet_Rates__r' ]; } }) this.gridData = objs; }

itzmukeshy7 · Accepted Answer · 2020-11-12 15:09:32Z

I would prefer clone the array first and then work on that array.

@wire(fetchTimesheets) timeSheetRate({ error, data }) { if (data) { let objs = [...data]; objs.forEach(function(obj){ if(obj['Timesheet_Rates__r']) { obj._children = obj[ 'Timesheet_Rates__r' ]; delete obj.Timesheet_Rates__r; } }); this.gridData = objs; } else if (error) { console.log('An error has occurred:'); console.log(error); } };

NGUM BUKA FON NYUYDZE · Accepted Answer · 2023-01-24 10:36:15Z

According to this reference, JSON is not extensible because it does not need to be. JSON is not a document markup language, so it is not necessary to define new tags or attributes to represent data in it.

So you need to make a copy of the parsed object onto a conventional JS object which supports property extension.

Stack Exchange Network

Cannot add property _children, object is not extensible

3 Answers 3

You must log in to answer this question.

Hot Network Questions

Cannot add property _children, object is not extensible

3 Answers 3

You must log in to answer this question.

Related

Hot Network Questions