Update slate content using javascript

[sramineni-suki]

Hi,

I am trying to update the text inside slate editor using javascript.
The slate component updates the text to database once it looses focus, for this to happen my text changes have to be reflected in its state.
I have tried to dispatch change events on target element, like below:

let changeEvent = new Event('change', { 
'bubbles': true, 
'detail': {
    value: "Testing Slate Js"
 } });

targetSlateElement.dispatchEvent(changeEvent)

Also tried to update its textContent:
targetSlateElement.textContent = "Testing Slate JS"

Is there a way around to implement this ? Highly critical as of now.