steven-tey / novel

Notion-style WYSIWYG editor with AI-powered autocompletion.
https://novel.sh
Apache License 2.0
12.21k stars 1.02k forks source link

bug: 'EditorContent' cannot be used as a JSX component. #316

Open jinglescode opened 5 months ago

jinglescode commented 5 months ago

Provide environment information

System: OS: macOS 14.2.1 CPU: (10) arm64 Apple M2 Pro Memory: 209.30 MB / 16.00 GB Shell: 5.9 - /bin/zsh Binaries: Node: 20.1.0 - /opt/homebrew/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 9.6.4 - /opt/homebrew/bin/npm Watchman: 2023.05.08.00 - /opt/homebrew/bin/watchman

Describe the bug

Build error (specifically when building/deploying in Vercel):

Type error: 'EditorContent' cannot be used as a JSX component.
--
08:59:40.250 | Its type 'ForwardRefExoticComponent<{ children: ReactNode; className?: string \| undefined; initialContent?: JSONContent \| undefined; } & Omit<EditorProviderProps, "content"> & RefAttributes<...>>' is not a valid JSX element type.
08:59:40.250 | Type 'ForwardRefExoticComponent<{ children: ReactNode; className?: string \| undefined; initialContent?: JSONContent \| undefined; } & Omit<EditorProviderProps, "content"> & RefAttributes<...>>' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
08:59:40.251 | Type 'ReactElement<any, string \| JSXElementConstructor<any>> \| null' is not assignable to type 'ReactNode'.
08:59:40.251 |  
08:59:40.251 | 120 \|       </div> */}
08:59:40.251 | 121 \|       <EditorRoot>
08:59:40.256 | > 122 \|         <EditorContent
08:59:40.257 | \|          ^
08:59:40.257 | 123 \|           initialContent={contentJson!}
08:59:40.257 | 124 \|           extensions={extensions}
08:59:40.257 | 125 \|           className=""
08:59:40.334 | error Command failed with exit code 1.

Link to reproduction

-

To reproduce

Using version "novel": "0.2.6" and copy source directly from https://github.com/steven-tey/novel/blob/main/apps/web/components/tailwind/editor.tsx

Additional information

No response