my interface code which mostly works however there is a slight bug, whenever new$/$updated data is received by my socket code, any expanded table records $-$displaying the subtable content$-$ automatically close, which is not what i want, my expanded tables should remain expanded unless closed by the user, not when the websocket updates data, please fix this bug $--$ here is the template code $,$ socket code in script: sockets: $\{$

imwb$\_$updated$\_$diagnostic: function$($data$)\{$

data.items.forEach$(($item$)=>\{$

console.log$(\text{'}$diagnostic update received: $\text{'},$data$)$

const indexOfEl $=$ this.diagnostics.items.findIndex$($

x $=>$ x$.$device$\_$serial $===$ item.device$\_$serial && x$.$sub$\_$type $===$ item.sub$\_$type

$)$;

if $($indexOfEl $>=0)\{$

for $($const key in item$)\{$

if $($key $!==$ 'device$\_$serial' && key $!==$ 'sub$\_$type'$)\{$

this.diagnostics.items$[$indexOfEl$][$key$]=$ item$[$key$]$;

$\}$

$\}$

$\}$ else $\{$

this.diagnostics.items.push$($item$)$;

$\}$

$\})$;

$\}$

$\},$