CKEditor in map field to loop through repeater field only loads first editor

[hassnainabass]

CKEditor in map field to loop through repeater field only loads first editor and throughs this error
Uncaught TypeError: Cannot read properties of null (reading 'unselectable')

{menu.map((item, index) => (

<div className="row" style={{marginTop:'20px'}}>
<div className={"col " + (lang=='en' ? '' : 'hide')}>
Menu(En)
<CKEditor
activeClass="p10"
content={item.menuEn}
config = {{
allowedContent : true
}}
id={'menuen'+index}
events={{
"blur": (e)=>setMenuEn(e.editor.getData(), index, menu),
"afterPaste": (e)=>setMenuEn(e.editor.getData(), index, menu),
"change": (e)=>setMenuEn(e.editor.getData(), index, menu)
}}
/>

<div className={"col " + (lang=='fr' ? '' : 'hide')}>
Menu(Fr)
<CKEditor
activeClass="p10"
config = {{
allowedContent : true
}}
id={'menufr'+index}
content={item.menuFr}
events={{
"blur": (e)=>setMenuFr(e.editor.getData(), index, menu),
"afterPaste": (e)=>setMenuFr(e.editor.getData(), index, menu),
"change": (e)=>setMenuFr(e.editor.getData(), index, menu),
}}
/>


<div className="row" style={{marginTop:'20px', marginBottom: "20px"}}>

<button className="btn btn-sm btn-danger" onClick={e => delMenu(e, menu, index)}>Delete

---

))}