Refresh Canvas after changing gjs-html externally

Hi,

I've been using GrapesJS with ReactJS (GrapesJS sits inside its own react component) and I'm having an issue uploading an image using my own react file-picker component.

When I select an image from my filepicker react component, as its external to GrapesJS I manually update the gjs-html item in the local storage with the file path returned via the react life-cycle method componentWillReceiveProps method in my GrapesJS component which works great, the issue I'm having is that I'm unable to trigger an update of the GrapesJS canvas after I have modified the gjs-html to update the only way I can get the imported image to show on the canvas is to destroy the instance of GrapesJS and create a new one so that it uses the gjs-html in the initialization.

At the point of returning the selected image I'm outside of GrapeJS's scope which is the reason I have to modify the local storage gjs-html manually. I'm assigning the initialization of GrapesJS to a variable and hoped to be able to trigger a refresh of the editor through it. I have unfortunate not been able to achieve an update of the canvas to show the new image.

I'm aware that GrapesJS has not been built with react specifically in mind but I'm wondering if there is a way to refresh the Canvas without having to destroy and re-initialize the editor. I have been through the API and have tried various approaches but so far have not been able to find a solution.

I was wondering if you have and pointers or approaches you could suggest.

Thanks