Issue: React Hydration Error in InlineRichTextEditor Component

[omaratpxt]

When using the InlineRichTextEditor component, the following error occurs during server-side rendering:

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.
See more info here: https://nextjs.org/docs/messages/react-hydration-error

Expected server HTML to contain a matching <div> in <div>.

...
  <InlineRichTextEditor>
    <div>
    ^^^^^
      <LexicalComposer>
        ...
          <ContentEditableElementImpl>
            <div>

Environment:

•	Next.js: 14
•	React: 19
•	Node.js: 22

Temporary Fix:

The issue has been temporarily resolved by wrapping the InlineRichTextEditor in a client-side-only component using use client. This ensures the component skips server-side rendering.

References:

•	[Next.js Hydration Error Docs](https://nextjs.org/docs/messages/react-hydration-error)

[4leite]

@omaratpxt The editor itself needs to be a client component, but there is a server render function that is exported in non-browser contexts. I haven't tested this with React 19 yet. Can you post a link to your code base, or a minimal reproduction that I can run to test?