I solved this issue by disabling the browser cache
next step is to go to your project in Studio Pro - Project tab – Synchronize Project Directory ( this will refresh your widget with the latest update you made on your files( React classes ). following it with run locally to make sure you will view the latest edits you did. That’s what I came up with as a solution but couldn’t find any faster way.
However, Kindly note that if you are editing your XML file, on save the live reload wont be triggered unless you abort/cancel the running script (npm run start) and run it again to be able to build the xml file again. this process is actually long but that’s what I have for now.
You can use the pluggable-widget-tools to achieve this.
When creating widgets for web you can use the task
start:web Build and watch the changes of your Web widget. Your web app will reload automatically to reflect changes. You need to run the command on the same machine as Studio Pro
For Native widgets you can use the task
start:native Build and watch the changes of your Native widget. Your native app will reload automatically to reflect changes.