TinyMCE text is not being saved completely - node.js

Question

I am making an online text editor that saves the content to a database while typing and returns it to the textarea, using TinyMCE, React as frontend and Node+Express as backend
Sometimes it doesn't send the whole content to the database and i have to switch tabs and return to the editor, typing a space character so it sends the resting content
I tried using "onKeyUp", "onKeyDown" but the characters got imediatly deleted after trying to type, currently I'm using "onEditorChange" to activate the function.
Here's my code:
function App() {
const editorRef = useRef();
const { route } = useParams();
const url = "https://API/" + route;
const { httpConfig } = useFetch(url);
const [notas, setNotas] = useState("");
const [rota, setRota] = useState("");
const [init, setInit] = useState(false);
useEffect(() => {
(async () => {
let res = "";
let data = "";
if (init) {
const notinhas = {
content: notas,
rota: route,
};
httpConfig(notinhas, "PATCH");
} else {
res = await fetch(url);
data = await res.json();
if (data === null) {
const notinhas2 = {
content: "",
rota: route,
};
httpConfig(notinhas2, "POST");
} else {
setNotas(data.content);
}
}
})();
}, [notas, init]);
function onClickHandler() {
setNotas(editorRef.current.getContent());
}
return (
<div>
<Editor
onEditorChange={onClickHandler}
onInit={ (evt, editor) =>
{editorRef.current = editor;
editor.selection.select(editor.getBody(), true);
editor.selection.collapse(false);
setInit(true);
}}
init={{
plugins: "...",
toolbar: "...",
setup: function(editor) {
editor.on('keydown', function() {
var currNode = editor.selection.getNode();
var currText = currNode.textContent;
if (currNode.nodeName.toLowerCase() != 'p' || currText.length < 1) return;
var pCount = editor.dom.doc.querySelectorAll('p').length;
setTimeout(function() {
var newNode = editor.selection.getNode();
var newText = newNode.textContent;
var newPCount = editor.dom.doc.querySelectorAll('p').length;
if (pCount + 1 == newPCount && currText == newText) {
var nextNode = newNode.nextElementSibling;
var nextNodeText = nextNode.textContent;
if (nextNode.nodeName.toLowerCase() != 'p' || nextNodeText.length > 1) return;
nextNode.innerHtml = '<br>';
editor.selection.setCursorLocation(nextNode, 0);
}
}, 80);
});
editor.on('init', function()
{
this.getDoc().body.style.fontSize = '12pt';
this.getDoc().body.style.fontFamily = 'monospace';
});
}}}
value={notas}
/>
</div>
);
}
export default App;
Could someone help me in this?