Over 660 stars yet no live demo and the example code doesn't work in next 13

[geekyayush]

Describe the bug
Don't get me wrong, I am more than happy to work and add a live demo but the example code gotta work.
It doesn't work, at least not with nextjs 13 (which is apparently what most folks are using).
I have spent more than a full day trying to set it up, scrambling the internet trying to find a solution just to run this repo.

These are the two issues I am facing:

• Verbun inside react hook form causes any action to submit the form #67
• In next.js 13, Error: Unable to find an active editor state #38

Maybe someone can come to the rescue? Since it looks like Ozan (the author) is not available atm 😅.

and sorry for the aggressive title, had to bring your attention lol. :p

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[ThomasAitken]

I am not using RHF but it's working for me in NextJS 14.03

[geekyayush]

I am not using RHF but it's working for me in NextJS 14.03

Do you mind sharing the code/workflow?
thanks!

[ThomasAitken]

so the setup here that you linked looks fine to me. I'm rendering the following in a file marked with 'use client':

    <EditorComposer initialEditorState={initialEditorState}>
      <Editor onChange={onChange} {...editorProps}>
        <ToolbarPlugin defaultFontSize="20px">
          <Divider />
          <BoldButton />
          <ItalicButton />
          <UnderlineButton />
          <InsertLinkButton />
        </ToolbarPlugin>
      </Editor>
    </EditorComposer>

So maybe just try upgrading your nextjs version? If it still doesn't work I have no clue

[geekyayush]

so the setup here that you linked looks fine to me. I'm rendering the following in a file marked with 'use client':

    <EditorComposer initialEditorState={initialEditorState}>
      <Editor onChange={onChange} {...editorProps}>
        <ToolbarPlugin defaultFontSize="20px">
          <Divider />
          <BoldButton />
          <ItalicButton />
          <UnderlineButton />
          <InsertLinkButton />
        </ToolbarPlugin>
      </Editor>
    </EditorComposer>

So maybe just try upgrading your nextjs version? If it still doesn't work I have no clue

Thanks man, I will try this.