InnerText/textContent not working on model

I'm using model.view.el.innerText to capture the innerText of the component in use when I update/change the text using an event, but it returns an empty string (ideally it should return the updated text), although if i use model.view.el.tagName or model.view.el.id it gives the desirable output(h2 and trial respectively). I also tried using model.view.el.textContent but still returns an empty string.

If I undo the update in text, model.view.el.innerText gives me the original text (Account Sign In). Thus, I believe the RTE changes/updates the text differently which does not process seamlessly into the element which is why model.view.el.innerText is returning an empty string.

my component looks like this:

<h2 id="trial" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false" data-gjs-stylable="false" data-gjs-highlightable="false" data-gjs-copyable="false" data-gjs-resizable="false" data-gjs-badgable="false" fa-arrow-up="false" data-gjs-toolbar="false">Account Sign In</h2>

my event looks like this:

   //track change in text
    editor.on('component:update:content', model => {
    console.log('New content', model.view.el.textContent);
    
  })