How to print proxy object in LWC and fix the error, “Cannot Assign to read-only Property”

We are back again with another effective solution to a simple yet consistent error in LWC.

We know that whenever we mark any Javascript object as @track, Salesforce wraps the object inside creating proxy objects.

However, when we try to print proxy object on the console, the value of the proxy object cannot be seen.

So, in this blog, we share a method through which you see the content of your proxy object just by calling the method and thus print proxy object in LWC.

How to Print Proxy Object

You can also see the content of the proxy object just by keeping another variable @track decorator, but that would need you to constantly keep it in sync every time the content of the original @track object changes.

So, the hassle-free way to see the value of the proxy object is to call the below method.

Code

How to fix the error- Cannot Assign to read-only property

You must have experienced this error, Cannot Assign to read-only property’ when we try to change the public property as @api.

The below code block is an example that throws the above error when we opt to change the public property marking as @api

Code

To correct the fix, we may use the below code snippet

Code

Conclusion

We hope you find the code snippets helpful. Do let us know your thoughts and feel free to contact us for any Salesforce Development Services. Also, stay tuned to our technical blogs as we will be back with another solution soon. Till then, Keep learning! 🙂

Our Location worldwide
India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
SR Tower 2nd Floor Hydel Gate Haldwani Uttarakhand 263126 +91-5946359996
USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada
HIC Global Solutions INC
43 Lafferty Lane, Richmond Hill, L4C 3N8, CA +1(262) 310-7818