On OnChange the editor loses focus

Hi, I need to use setContent on the event OnChange instead of on OnBlur but if I do this the editor loses the focus every time the function is called and some errors appear on the console. Does anyone know how to solve this? Or is it mandatory to use onBlur? Thanks!

import React, { useState, useRef } from "react";
import JoditEditor from "jodit-react";

const Editor = ({ value, onChange }: IEditorProps): JSX.Element => {

  const editor = useRef(null);
  const [content, setContent] = useState(value);

  const config = {
    readonly: false,
  };

  const handleChange = (newContent: string) => {
    setContent(newContent);
  };

  return (
        <JoditEditor ref={editor} value={content} config={config} onChange={handleChange} />
  );
};

interface IEditorProps {
  value: string;
  onChange: (value: string) => void;
}

export default Editor;

[Sreejithinfo]

The problem is onChange always re-render the state. So when re-render the focus will be lost. I have a solution to avoid this problem. Use useMemo hooks to solve this.

import React, { useRef, useState, useMemo } from 'react'
import JoditEditor from 'jodit-react'

const Editor = () => {
  const editor = useRef(null)
  const [content, setContent] = useState('')
  const config = {}
								
  return useMemo( () => ( 
                          <JoditEditor ref={editor} value={content} config={config} onChange={content => setContent(content)} /> 
                        ), [] )
}

export default Editor

[NKBelousov]

For some reason memoizing config helped me