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! 🙂