View Debug Information for Your Wired Properties Spring'23 release
Access debug information for wired properties and methods on a component via custom formatters in Chrome DevTools. Where: This change applies to custom Lightning web components in Lightning Experience, Experience Builder sites, and all versions of the Salesforce mobile app. This change also applies to Lightning web components in Open Source. Why: Previously, to debug data received with a wired property, you had to use a wired function to return your data and inspect the deconstructed data and error properties. How: Consider a wired property that looks like this. import { LightningElement, wire } from 'lwc'; import getContactList from '@salesforce/apex/ContactController.getContactList'; export default class ApexWireMethodToProperty extends LightningElement { @wire(getContactList) contacts; } NOTE For a full example, see the apexWireMethodToProperty component in the lwc-recipes repo. To start debugging you...