ReferenceError: document is not defined

[fiderosado]

I have been receiving constant console errors referring to this particular error:

 ⨯ ReferenceError: document is not defined
    at eval (file://D%3A/GitHub/test_blocknote/components/editor/businessBlockNoteEditor.js:69:31)
    at BusinessBlockNoteEditor (file://D%3A/GitHub/test_blocknote/components/editor/businessBlockNoteEditor.js:65:27)
  67 |             return undefined;
  68 |         }
> 69 |         return BlockNoteEditor.create({
     |                               ^
  70 |             initialContent,
  71 |             uploadFile,
  72 |             codeBlock, {
  digest: '1549453249'
}

[nperez0111]

document not being defined makes me think you are running this on the server instead of the browser.

Also strange that you are eval-ing this code

[fiderosado]

At this moment the component is on the client side, "use client", I don't understand the error, I have tried several methods but it always shows me the error

[nperez0111]

The document would be defined if it were running on the client. So you may have something set up incorrectly in your application.

Given blocknote is working for everyone else, it is likely an issue in your application

[fiderosado]

I just deleted the .next folder to evaluate the error, deleting the project cache.

[nperez0111]

See this for more information on use client https://react.dev/reference/rsc/use-client

[nperez0111]

I just deleted the .next folder to evaluate the error, deleting the project cache.

And, did that resolve it?

[fiderosado]

the error persists, I have deleted the entire component and put it as in the documentation
⨯ ReferenceError: document is not defined

65 | const editor = BlockNoteEditor.create({

[nperez0111]

Sorry, but this is an issue of your application. I can't really help you further than this.

If you do a console.log before trying to instantiate the editor (BlockNoteEditor.create), it will log on the server. If I'm wrong, and it logs on the client, then we can re-open and look into this further

[fiderosado]

I created a new page with the component. In server mode, I get the following error:

⨯ TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component

[fiderosado]

On the client side I have the following error:

Yjs was already imported. This breaks constructor checks and will lead to issues! - yjs/yjs#438
⨯ ReferenceError: document is not defined
at PageTest (file://D%3A/GitHub/block_note_test/app/test/page.jsx:9:36)
7 | export default function PageTest(){
8 | // Creates a new editor instance.

9 | const editor = useCreateBlockNote();
| ^
10 |
11 | // Renders the editor instance using a React component.
12 | return ; {
digest: '3223823464'
}

[fiderosado]

In BlockNoteEditor.ts I have seen that it is import * as Y from "yjs";, maybe this is the problem

[nperez0111]

You are having issues with client vs. server components. This has nothing to do with BlockNote. You'll have to solve this for yourself

[fiderosado]

I'm working on it, but I don't understand the Blocknote component. I only use it on the client side because it uses a library that breaks the constructor.