let [detail,setDetail] = useState({'details':''}) //Specialized state for Editor element

let {details} = detail

const handleEditorChange = (e)=>{
      setDetail(
         ...detail,
         [e.target.textareaName]:e.target.value
)
}


//returning a jsx (part of the code) focus on Editor, because this where the problem occur: 


<div>
<form onSubmit={(e)=>{handleChange(e)}}>
<input name='name' value={name} onChange={(e)=>{handleChange(e)}}>

<Editor  textareaName='details' onInit={(evt, editor) => editorRef.current = editor} init={{
           section:'textarea',
           height: 500,
           menubar: false,
           toolbar: 'undo redo | formatselect | ' +
           'bold italic backcolor | alignleft aligncenter ' +
           'alignright alignjustify | bullist numlist outdent indent | ' +
           'removeformat | help',
           content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
         }} value={detail}  onEditorChange={(e)=>editorHandleChange(e)}/>
</form>
</div>

I have an Editor element from tinymce , this one is used for react I have a state like this for all inputs+Editor:

let [someState,setSomeState] = {'name':,"year":"","detail":""}

now as you see name and year are controlled by normal inputs elements in jsx , but for detail i have to use Editor element, and i really dont know how to track the editor change, plus i dont know how to set detail property in the state someState when submitting , some code for handling the editor change:

let editorHandleChange = (e)=>{
        setdet(
        {
            ...detail,
        textareaName: e.target.value 

    }
        )
}

it is giving me textareaName is undefined in console, same with value any help is appreciated!!

edit: the Editor element has an apiKey, but i hid it here.