To show multiple nested data into table

Hii People
today i was trying to show the multiple nested data into table. code is below--
var rdata = {{TP.data}};
const flattenobj = (rdata) => {
let result = {};
for(const i in rdata){
if ((typeof rdata[i]) === 'object' && !Array.isArray(rdata[i])) {
const temp = flattenobj(rdata[i]);
for(const j in temp) {
result[i + '.'+j] = temp[j];
}
}
else{
result[i]= rdata[i];
}
}
return result;
}
const flattendata = flattenobj(rdata);
return flattendata;

RESPONSE IS BELOW:-

@type:"user"
ContactNo.@type:"ContactNo"
UserInfo.@type:"UserInfo"
UserInfo.X1UserInfo.@type:"X1UserInfo"
UserInfo.X1UserInfo.Options.@type:"XOptions"
UserInfo.X1UserInfo.Options.elementDel.@type:"EdiDelimiter"
UserInfo.X1UserInfo.Options.elementDel.delimiterValue:"stardelimited"
UserInfo.X1UserInfo.Options.elementDel.delimiterSpecial:""
UserInfo.X1UserInfo.Options.segmentTerm.@type:"Terminator"
UserInfo.X1UserInfo.Options.segmentTerm.segmentTerminator:"tide"
UserInfo.X1UserInfo.Options.segmentTerm.segmentTerminatorSpecial:""
UserInfo.X1UserInfo.Options.filter:true
UserInfo.X1UserInfo.Options.acknowledgement:"anitem"
UserInfo.X1UserInfo.Options.envelope:"group"
UserInfo.X1UserInfo.Options.rejectDuplicate:false
UserInfo.X1UserInfo.Options.outboundInterchange:true
UserInfo.X1UserInfo.Options.outboundValidation:"filterError"
UserInfo.X1UserInfo.Options.@type:"ControlInfo"

I want to show above response in table . I have tried one process that is
let result=[];

let row = {};
row.partner_info = flattendata.UserInfo.X1UserInfo.Options.elementDelimiter.delimiterValue;
result.push(row);
return result;

But it is showing error :- ""Cannot read properties of undefined (reading 'X1UserInfo')"

Please If some have idea about that then help me and suggest me