Error: element with ID «editorjs-container» is missing. Pass correct holder's ID with Next JS SSR

[StarAzure]

I am using dynamic import in nextjs to overcome the window not found error. I then get the error

Error: element with ID «editorjs-container» is missing. Pass correct holder's ID.

const Editor = dynamic(
  () => import('@stfy/react-editor.js'),
  { ssr: false }
)

[stfy]

@StarAzure, do you provide html element with editorjs-container id in your application? Seems that holderId doesn't exist in DOM

[ifthakharriyad]

This is my code in React.
function App() { return ( <div className="App"> <Editor autofocus holder="editorjs-container" excludeDefaultTools={['header']} onChange={() => console.log('Something is changing!!')} onData={(data) => console.log(data)} onReady={() => console.log('Start!')} data={{ "time" : 1554920381017, "blocks" : [ { "type" : "header", "data" : { "text" : "Hello Editor.js", "level" : 2 } }, ], "version" : "2.12.4" }} /> </div> ); }
I am getting the following error:

[rakshit087]

Hey! You need to have an empty div with same id. Something like this

 <Editor
        holder='editor'
        onData={(data) => {
          Props.setContent(JSON.stringify(data));
          console.log(data);
        }}
        placeholder="Begin writing your amazing piece of art here ✨"
        data={{
          time: Date.now(),
          blocks: [],
          version: "2.12.4",
        }}
   />
<div id='editor' className={Props.className} />

[ifthakharriyad]

Thanks. I will try this.

[KunalBagaria]

Hey! You need to have an empty div with same id. Something like this

 <Editor
        holder='editor'
        onData={(data) => {
          Props.setContent(JSON.stringify(data));
          console.log(data);
        }}
        placeholder="Begin writing your amazing piece of art here ✨"
        data={{
          time: Date.now(),
          blocks: [],
          version: "2.12.4",
        }}
   />
<div id='editor' className={Props.className} />

Having the same issue, also added an empty div with the same id, doesn't seem to be working

[ask2mahtab]

I tryied the same but did not get resolved

[champseo2017]

Help me plase ->>> Unhandled Runtime Error
Error: element with ID «cutomEditorJs» is missing. Pass correct holder's ID.

[gediminastub]

Error is thrown probably due to SSR.
On nextJs You can try:
https://stackoverflow.com/questions/67688118/unhandled-rejection-error-element-with-id-editorjs-is-missing-pass-correct