When I enabled "Use Lightning Web Security for Lightning web components and Aura components" session setting, inspect in Chrome my LWC component, call $0 in Console tab of Devtools, and try to open the LWC object, I got an error message "Custom Formatter Failed: Uncaught TypeError: Cannot convert a Symbol value to a string". The same issue is not reproducible with Lightning Locker.
Also, the custom formatters don't work in LWS mode in all expected places, for example in Watch in Source tab of Devtools.
The exception is thrown in aura_proddebug.js in line 33019: ReflectApply$LWS(ArrayProtoSort$LWS, ownKeys$LWS, []);
Steps to Reproduce
My LWC:
<template>
AAA
</template>
import {api, LightningElement} from 'lwc';
export default class Test extends LightningElement {
@api val = ['ABC'];
}
Expected Results
Custom Formatters should show content instead of Proxy object.
Actual Results
Still Proxy objects are shown.
Browsers Affected
Chrome Version 116.0.5845.97 (Official Build) (64-bit)
Description
When I enabled "Use Lightning Web Security for Lightning web components and Aura components" session setting, inspect in Chrome my LWC component, call $0 in Console tab of Devtools, and try to open the LWC object, I got an error message "Custom Formatter Failed: Uncaught TypeError: Cannot convert a Symbol value to a string". The same issue is not reproducible with Lightning Locker.
Also, the custom formatters don't work in LWS mode in all expected places, for example in Watch in Source tab of Devtools.
The exception is thrown in aura_proddebug.js in line 33019: ReflectApply$LWS(ArrayProtoSort$LWS, ownKeys$LWS, []);
Steps to Reproduce
My LWC:
Expected Results
Custom Formatters should show content instead of Proxy object.
Actual Results
Still Proxy objects are shown.
Browsers Affected
Chrome Version 116.0.5845.97 (Official Build) (64-bit)