verbum icon indicating copy to clipboard operation
verbum copied to clipboard

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

Open geekyayush opened this issue 1 year ago • 4 comments

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:

  • https://github.com/ozanyurtsever/verbum/issues/67
  • https://github.com/ozanyurtsever/verbum/issues/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.

geekyayush avatar Dec 18 '23 14:12 geekyayush

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

ThomasAitken avatar Dec 19 '23 03:12 ThomasAitken

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

Do you mind sharing the code/workflow? thanks!

geekyayush avatar Dec 21 '23 03:12 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

ThomasAitken avatar Dec 21 '23 04:12 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

Thanks man, I will try this.

geekyayush avatar Dec 22 '23 01:12 geekyayush